/*
Theme Name: Homey Child
Theme URI: http://themeforest.net/user/favethemes/
Author: Favethemes
Author URI: http://themeforest.net/user/favethemes/
Description: Homey is a powerful booking platform that lets you run a residential or commercial
rental business online with no hassle
Version: 1.0.0
Tags: right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: homey
Template: homey
*/


/* Your CSS code goes here
-------------------------------------- */

/* Custom listings grid */
.my-listings, .my-listings * { font-family: 'Josefin Sans', sans-serif; }
.my-listings { margin: 10px 0 30px; }
.my-listings__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.my-listings__grid:has(.my-listing-card:nth-last-child(1):not(:nth-child(3n))) {
    justify-items: center;
}

.my-listings__grid:has(.my-listing-card:nth-last-child(1):not(:nth-child(3n))) .my-listing-card:nth-last-child(1) {
    grid-column: 2;
}

.my-listing-card { background: #fff; border: 1px solid #e5e5e5; border-radius: 6px; overflow: hidden; position: relative; }
.my-listing-card { display: flex; flex-direction: column; height: 100%; transition: box-shadow 0.3s ease; }
.my-listing-card:hover { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08); }
.my-card__media { display: block; color: inherit; text-decoration: none; position: relative; overflow: hidden; }
.my-card__media:hover .my-card__featured { transform: scale(1.05); transition: transform 0.3s ease; }

.my-card__featured { width: 100%; height: 230px !important; object-fit: cover; border-radius: 4px !important; display: block !important; }
.my-card__badge { position: absolute; top: 8px; left: 8px; background: rgba(0,0,0,0.7); color: #fff; padding: 4px 8px; font-size: 11px; border-radius: 4px; }

.my-card__body { padding: 12px 14px 14px; display: flex; flex-direction: column; flex: 1; }
.my-card__title { font-size: 15px; margin: 0 0 8px; font-weight: 600; }
.my-card__title a { color: #111; text-decoration: none; }
.my-card__title a:hover { text-decoration: underline; }

.my-card__meta { display: flex; flex-wrap: wrap; gap: 14px; color: #666; font-size: 12px; margin-bottom: 10px; }
.my-meta__item { display: inline-flex; align-items: center; gap: 6px; }
.my-meta__item .homey-icon { font-size: 14px; display: inline-block; }

.my-card__footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; padding-top: 10px; }
.my-btn {  padding: 8px 14px; border-radius: 3px; text-decoration: none; font-size: 12px; font-weight: 600; }

.my-listing-btn {
  display: inline-block;
  padding: 10px 20px;
  text-decoration: none !important;
  font-size: 16px;
  background-color: #0E1824;
  color: white !important;
}

.my-listing-btn:hover{
  background-color: white;
  color: #0E1824 !important;
  border: 1px solid #0E1824;
}


.my-card__price { text-align: right; }
.my-price__label { display: block; color: #999; font-size: 10px; text-transform: uppercase; letter-spacing: .04em; }
.my-price__value { display: inline-block; font-weight: 700; color: #111; margin-right: 6px; }
.my-price__period { color: #999; font-size: 12px; }
.my-price__na { color: #999; }

/* Pagination/navigation styling for shortcode */
.my-listings__pagination { margin-top: 16px; display: flex; justify-content: center; }
.my-listings__pagination ul { list-style: none; display: inline-flex; gap: 6px; margin: 0; padding: 0; }
.my-listings__pagination ul li { display: inline-block; }
.my-listings__pagination a,
.my-listings__pagination span { 
  display: inline-flex; align-items: center; justify-content: center; 
  min-width: 36px; height: 36px; padding: 0 10px; 
  border: 1px solid #e2e2e2; border-radius: 4px; 
  color: #0E1824; text-decoration: none; background: #fff; font-size: 13px;
}
.my-listings__pagination a:hover { background: #0E1824; color: #fff; border-color: #0E1824; }
.my-listings__pagination .current { background: #0E1824; color: #fff; border-color: #0E1824; }
.my-listings__pagination .dots { border-color: transparent; }

@media (max-width: 992px) {
  .my-listings__grid { grid-template-columns: 1fr; }
}