/*
Theme Name: WpRentals Child theme
Theme URI: http://themeforest.net/user/wpestate
Description: Ultimate WordPress Theme created by WpEstate for accommodation booking. WpRentals is clean, flexible, fully responsive and retina Ready. Its smart settings allow you to build outstanding renting websites easily and fast.
Version: 3.15.0
Author: wpestate.org
Author URI: http://themeforest.net/user/annapx
Tags: white, one-column, two-columns,left-sidebar, right-sidebar, fluid-layout , custom-menu, theme-options, translation-ready
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: wprentals

-------------------------------------------------------------- */

/*
 Theme Name: WpRentals Child
 Template:   wprentals
*/

/* =============================================
   WHAT'S INCLUDED SECTION
   ============================================= */

.listing-included-section {
    margin: 32px 0;
    padding: 0;
}

.included-heading {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.included-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.included-item {
    display: flex;
    align-items: center;
    gap: 12px;
	border-radius:0px !important;
    background: #ffffff;
    border: 1px solid #e8e8e8;
  
    padding: 12px 18px;
    font-size: 16px;
    color: #2c2c2c;
    font-weight: 400;
    line-height: 1.3;
}

.included-check {
    width: 26px;
    height: 26px;
    border-radius: 50%;
   
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    line-height: 1;
}

/* =============================================
   SPECIFICATIONS SECTION
   ============================================= */

.listing-specs-section {
    margin: 32px 0;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e8e8e4;
    border-radius: 12px;
}

.specs-heading {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.specs-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 12px;
}

.spec-item {
    background: #f5f5f3;
    border-radius: 8px;
    padding: 14px 16px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.spec-label {
    font-size: 11px;
    color: #6b6b6b;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    font-weight: 500;
}

.spec-value {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    line-height: 1.2;
}

/* =============================================
   RENTAL RULES SECTION
   ============================================= */

.listing-rules-section {
    margin: 32px 0;
    padding: 24px;
    background: #ffffff;
    border: 1px solid #e8e8e4;
    border-radius: 12px;
}

.rules-heading {
    font-size: 13px;
    font-weight: 700;
    color: #1a1a1a;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e0e0e0;
}

.rules-text {
    font-size: 14px;
    color: #444444;
    line-height: 1.9;
    white-space: pre-line;
}

ul.included-grid li.included-item {
 font-size: 16px !important; 
}

.category_wrapper {
    border-bottom: 0px solid #e7e9ef !important;
    padding: 38px 0px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

panel-wrapper {
    width: 100%;
    float: left;
    margin-bottom: 0px;
    position: relative;
    margin-top: 0px;
    font-size: 14px;
    background-color: #fff;
    padding: 30px 0px 0px 0px  !important;
    border-radius: 4px;
}
.listing_description_wrapper.panel-wrapper {
    margin-bottom: 0px;
    padding: 30px 0px 0px 0px !important;
}

/* =============================================
   RESPONSIVE — MOBILE
   ============================================= */

@media (max-width: 767px) {

    .included-grid {
        grid-template-columns: 1fr;
    }

    .listing-specs-section,
    .listing-rules-section {
        padding: 18px 16px;
        margin: 20px 0;
    }

    .specs-grid {
        grid-template-columns: 1fr 1fr;
    }

    .spec-value {
        font-size: 17px;
    }
}