/*
Theme Name: Park Plaza
Author: Rent Manager
Author URI: https://www.rentmanager.com/
Description: A custom theme built for Park Plaza
Requires PHP: 7.0
Version: 1.0
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/* General Styles */
.rmwb_listing-wrapper {
    border: 1px solid #ccc;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 20px;
    flex-direction: column;
}
h2.rmwb_listing_header {
    padding: 0;
    text-align: left;
}
/* Image Section */
.rmwb_photo-section {
    width: 100%;
    overflow: hidden;
}

.rmwb_photo-section img {
    width: 100%;
    height: auto;
    display: block;
}

/* Info Section */
.rmwb_info-section {
    display: flex;
    justify-content: space-between;
    padding: 15px;
}

.rmwb_column {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Text Styling */
.rmwb_listing_header {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.rmwb_rent {
    font-weight: 200;
}
.rmwb_rent,
.rmwb_bed-bath,
.rmwb_square-footage {
    font-size: 1rem;
    margin: 5px 0;
}
.floorplan-wrapper td {
    border: none;
}
.floorplan-wrapper th {
    border: none;
    background: none;
}
.floorplan-wrapper tr {
    border: none;
}
/*** Modal Fixes ***/
.modal {
    left: unset !important;
}
.modal-dialog {
    max-width: 100% !important;
}

.oj-pills{
    position: relative;
    display: block;
    text-align: center;
    transition: all 200ms linear;
    transition-delay: 0.1s;
    font-size: 12px;
    color: #fff;
    background-color: #ceae92;
    padding: 10px 40px 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1;
}
.oj-pills:hover, .oj-pills.active {
    background-color: #32343b !important;
}
.floor-plan__tab-content-inner {
    flex-wrap: nowrap !important;
}

/* General section styling */
.rmwb_section {
    padding: 20px;
}

/* Header section */
.rmwb_header-section {
    margin-bottom: 30px;
}

.rmwb_main-header h2 {
    font-size: 2.5rem;
    color: #333;
    margin-bottom: 10px;
}

.rmwb_main-header h3 {
    font-size: 1.75rem;
    color: #555;
    margin-bottom: 5px;
}

/* Photo section */
.rmwb_photo-section {
    display: flex;
    justify-content: center; 
    flex-wrap: wrap; 
    gap: 20px;
}

.rmwb_primary-photos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.rmwb_primary-photos img {
    max-width: 100%;
    width: 50vw !important;
    border-radius: 8px;
    flex: 1 1 200px; 
}

/* Handle single image centering */
.rmwb_primary-photos img:only-child {
    margin: 0 auto; 
}

/* Ensure responsiveness with larger screens */
@media (min-width: 768px) {
    .rmwb_primary-photos {
        justify-content: flex-start;
    }

    .rmwb_primary-photos img {
        flex: 1 1 calc(33.333% - 20px); 
    }
}


/* Table styling */
.floorplan-wrapper {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #333;;
}

.floorplan-wrapper th, 
.floorplan-wrapper td {
    padding: 15px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

/* Table Header Styling */
.floorplan-wrapper th {
    background-color: #f8f8f8;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    color: #333;
}

/* Table Row Styling */
.floorplan-item {
    background-color: #ffffff;
}

/* Alternate row background color */
.floorplan-item:nth-child(even) {
    background-color: #f4efeb;
}
.floorplan-item:nth-child(odd) .cta-one__btn:before{
    background-color: #f4efeb !important;
}
/* Pricing and disclaimer */
.pricing-line {
    font-size: 0.9rem;
    color: #666;
    margin-top: 10px;
    text-align: center;
}
/* Responsive table for mobile */
@media (max-width: 768px) {
    .floorplan-wrapper thead {
      display: none;
    }

    .floorplan-wrapper, .floorplan-item {
      display: block;
      width: 100%;
    }
  
    .floorplan-item {
      margin-bottom: 20px;
      border-bottom: 1px solid #ddd;
      padding: 10px;
    }
  
    .floorplan-item td {
      display: block;
      width: 100%;
      text-align: right;
      padding: 10px 0;
      position: relative;
    }
  
    .floorplan-item td::before {
      content: attr(data-label);
      position: absolute;
      left: 0;
      text-align: left;
      font-weight: bold;
      text-transform: uppercase;
    }
  }
  

  @media (max-width: 768px) {
    .cta-one__btn {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 10px;
    }
  }

/* No Units Available Text */
.no-units {
    text-align: center;
    font-size: 1.2rem;
    color: #ff0000;
}

.no-units a {
    color: #007BFF;
    text-decoration: none;
}

.no-units a:hover {
    text-decoration: underline;
}

.tab-nav-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; 
    margin-bottom: 35px;
    padding: 1vh 10vw;
  }
  
  .tab-nav-wrap .nav-item {
    flex: 1 1 22%; 
    margin: 10px; 
    width: 25%;
  }
  .nav-pills .nav-link {
    width: 100%;
  }

  .rmwb_detail-button-wrapper {
    padding: 15px;
  }
  @media (max-width: 768px) {
    /* On mobile, show 1 item per row */
    .tab-nav-wrap .nav-item {
      flex: 1 1 100%; 
      max-width: 100%;
    }
    
    .tab-nav-wrap .nav-item:nth-child(3),
    .tab-nav-wrap .nav-item:nth-child(5) {
      clear: none;
    }
  }

  .modal {
    padding-right: 0 !important;
  }
  .main-menu {
  background:#32343b !important
  }
  .main-menu__logo {
    margin-top: unset !important;
  }

  .hidden {
    display: none;
  }