/* DEBUG */
.cammini-page .activity-card{ box-shadow: 0 0 0 4px #00d2ff inset !important; }
/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/
.square-style,
.square-style .lf-background,
.square-style .overlay,
.square-style img,
.square-style .preview-image {
  border-radius: 0 !important;
}

:root{
  --bg:#ffffff;
  --ink:#0a0a0a;
  --muted:#6b7280;
  --line:#e6e9ee;
  --chip:#f7f9fb;
  --btn:#ffffff;
  --btn-ink:#000000;
  --btn-hover:#cacacb;
  --radius:16px;
}

.activities-archive{max-width:1200px;margin:0 auto;padding:24px}
.area-hero{margin-bottom:16px}
.area-hero h1{font-size:36px;line-height:1.1;margin:0}
.area-hero .area-sub{color:var(--muted);margin-top:6px}

/* Tabs aree */
.area-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 18px}
.area-tabs .tab{padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink)}
.area-tabs .tab.active{border-color:var(--ink)}

/* Search bar */
.searchbar{margin:10px 0 16px}
.searchbar-fallback{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:var(--radius)}
.searchbar-fallback input,.searchbar-fallback select{height:38px;padding:0 12px;border:1px solid var(--line);border-radius:10px}
.btn-primary{display:inline-block;padding:10px 18px;background:var(--btn);color:var(--btn-ink);border:1px solid var(--line);border-radius:10px;text-decoration:none;font-weight:600;transition:background .2s}
.btn-primary:hover{background:var(--btn-hover)}
.btn-ghost{display:inline-block;padding:10px 16px;border:1px solid var(--line);background:#fff;border-radius:10px}

/* Chips */
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 18px}
.chip{display:inline-block;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:var(--chip);text-decoration:none;color:var(--ink)}
.chip.is-active,.chip:hover{border-color:var(--ink);background:#fff}

/* Layout */
.grid-wrap{display:grid;grid-template-columns:260px 1fr;gap:24px}
.filters{border:1px solid var(--line);border-radius:var(--radius);padding:14px;height:fit-content}
.filter-block{margin-bottom:16px}
.filter-block h3{font-size:14px;margin:0 0 8px;color:var(--muted)}
.fake-list{list-style:none;margin:0;padding:0}
.fake-list li{margin:6px 0}
.filter-actions{margin-top:10px}

/* Cards */
.cards .cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.activity-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.activity-card .media{display:block;aspect-ratio:4/3;overflow:hidden}
.activity-card img{width:100%;height:100%;object-fit:cover;display:block}
.activity-card .content{padding:14px}
.activity-card .title{font-size:18px;margin:0 0 6px}
.activity-card .title a{text-decoration:none;color:var(--ink)}
.activity-card .meta,.activity-card .custode{font-size:13px;color:var(--muted);margin:4px 0}
.price-cta{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
.price{font-weight:700}

/* Load more & stripe */
.load-more{text-align:center;margin:16px 0}
.cross-area{margin:26px 0 6px;padding:14px;border:1px dashed var(--line);border-radius:var(--radius);text-align:center;color:var(--muted)}
.cross-area a{text-decoration:none;color:var(--ink);font-weight:600}

/* Responsive */
@media (max-width: 1024px){
  .grid-wrap{grid-template-columns:1fr}
  .filters{order:2}
  .cards .cards-grid{order:1;grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px){
  .searchbar-fallback{flex-wrap:wrap}
  .cards .cards-grid{grid-template-columns:1fr}
}