/* Coworkkings — single workspace template styles. Loaded only on /workspace/{slug}/ */

.cwk-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:6px; list-style:none; margin:0 0 16px; padding:0; font-size:13px; color:var(--wp--preset--color--text-muted); }
.cwk-breadcrumbs li:not(:last-child)::after { content:"/"; margin-left:6px; color:var(--wp--preset--color--border); }
.cwk-breadcrumbs a { color:var(--wp--preset--color--text-muted); text-decoration:none; }
.cwk-breadcrumbs a:hover { color:var(--wp--preset--color--blue); }
.cwk-breadcrumbs [aria-current="page"] { color:var(--wp--preset--color--text-dark); font-weight:600; }

.cwk-gallery-main { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; border-radius:12px; overflow:hidden; }
.cwk-gallery-item { display:block; padding:0; border:none; background:none; cursor:zoom-in; overflow:hidden; aspect-ratio:4/3; }
.cwk-gallery-item:first-child { grid-column:span 2; grid-row:span 2; aspect-ratio:1/1; }
.cwk-gallery-item img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .3s ease; }
.cwk-gallery-item:hover img { transform:scale(1.03); }
.cwk-lightbox { position:fixed; inset:0; background:rgba(11,30,58,.92); z-index:9999; display:flex; align-items:center; justify-content:center; padding:24px; }
.cwk-lightbox img { max-width:100%; max-height:100%; border-radius:8px; }
.cwk-lightbox-close { position:absolute; top:20px; right:24px; background:none; border:none; color:#fff; font-size:32px; cursor:pointer; line-height:1; }
@media (max-width:767px) {
	.cwk-gallery-main { display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; border-radius:0; margin:0 -20px; padding:0 20px; }
	.cwk-gallery-item, .cwk-gallery-item:first-child { flex:0 0 85%; scroll-snap-align:start; aspect-ratio:4/3; border-radius:12px; }
}

.cwk-h1 { margin-bottom:8px; }
.cwk-header-meta { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-bottom:16px; }
.cwk-location { color:var(--wp--preset--color--text-muted); font-size:15px; }
.cwk-status { font-size:13px; font-weight:600; padding:4px 12px; border-radius:20px; background:var(--wp--preset--color--cream); }
.cwk-status-available { color:var(--wp--preset--color--success); }
.cwk-status-limited { color:#B8860B; }
.cwk-status-full { color:#B00020; }

.cwk-cta-row { display:flex; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
.cwk-btn { display:inline-flex; align-items:center; justify-content:center; padding:14px 28px; border-radius:8px; font-weight:600; font-size:16px; text-decoration:none; border:1.5px solid transparent; }
.cwk-btn-primary { background:var(--wp--preset--color--blue); color:#fff; }
.cwk-btn-primary:hover { background:var(--wp--preset--color--blue-hover); }
.cwk-btn-outline { background:transparent; border-color:var(--wp--preset--color--navy); color:var(--wp--preset--color--navy); }
.cwk-btn-outline:hover { background:var(--wp--preset--color--navy); color:#fff; }
.cwk-btn-secondary { background:var(--wp--preset--color--cream); color:var(--wp--preset--color--navy); }
.cwk-btn-secondary:hover { background:var(--wp--preset--color--offwhite); }

.cwk-quick-info { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:16px; background:var(--wp--preset--color--cream); border-radius:12px; padding:20px 24px; margin-bottom:32px; }
.cwk-stat { display:flex; flex-direction:column; }
.cwk-stat-num { font-family:var(--wp--preset--font-family--heading); font-size:28px; color:var(--wp--preset--color--navy); }
.cwk-stat-label { font-size:13px; color:var(--wp--preset--color--text-muted); }

.cwk-property-nav { position:static; background:var(--wp--preset--color--offwhite); border-bottom:1px solid var(--wp--preset--color--border); margin-bottom:32px; }
.cwk-property-nav-inner { display:flex; gap:24px; overflow-x:auto; -webkit-overflow-scrolling:touch; padding:14px 0; white-space:nowrap; }
.cwk-property-nav a { color:var(--wp--preset--color--text-muted); text-decoration:none; font-weight:600; font-size:14px; }
.cwk-property-nav a:hover { color:var(--wp--preset--color--blue); }
@media (min-width:768px) { .cwk-property-nav { position:sticky; top:0; z-index:10; } }

.cwk-section { margin-bottom:56px; scroll-margin-top:70px; }
.cwk-section h2 { margin-bottom:16px; }
.cwk-lead { color:var(--wp--preset--color--text-muted); font-size:19px; margin-bottom:12px; }
.cwk-prose p { margin-bottom:16px; }

.cwk-chip-row { display:flex; flex-wrap:wrap; gap:10px; }
.cwk-chip { display:inline-flex; align-items:center; gap:6px; background:var(--wp--preset--color--offwhite); border:1px solid var(--wp--preset--color--border); border-radius:8px; padding:8px 14px; font-size:14px; }
.cwk-chip-icon { color:var(--wp--preset--color--success); display:inline-flex; }

.cwk-pricing-section .cwk-chip-row { margin-bottom:24px; }
.cwk-plan-group-heading { font-family:var(--wp--preset--font-family--body); font-size:18px; font-weight:700; margin:24px 0 12px; }
.cwk-plans-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; }
.cwk-plan-card { background:var(--wp--preset--color--offwhite); border:1px solid var(--wp--preset--color--border); border-radius:12px; padding:20px; box-shadow:var(--wp--preset--shadow--sm); }
.cwk-plan-card h4 { margin:0 0 8px; font-size:18px; font-weight:700; }
.cwk-plan-price { color:var(--wp--preset--color--blue); font-weight:700; font-size:22px; margin-bottom:8px; }
.cwk-plan-price span { font-size:14px; font-weight:500; color:var(--wp--preset--color--text-muted); }
.cwk-plan-price-muted { color:var(--wp--preset--color--text-muted); font-size:16px; font-weight:600; }
.cwk-plan-meta { font-size:13px; color:var(--wp--preset--color--text-muted); margin-bottom:6px; }
.cwk-plan-desc { font-size:14px; margin-bottom:8px; }
.cwk-plan-badge { display:inline-block; font-size:12px; font-weight:600; padding:3px 10px; border-radius:20px; }
.cwk-available { background:rgba(47,158,110,.12); color:var(--wp--preset--color--success); }
.cwk-unavailable { background:rgba(176,0,32,.1); color:#B00020; }

.cwk-hours-list { list-style:none; margin:0; padding:0; max-width:420px; }
.cwk-hours-list li { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid var(--wp--preset--color--border); font-size:15px; }
.cwk-hours-list li.cwk-today { font-weight:700; color:var(--wp--preset--color--navy); }

.cwk-address { font-style:normal; margin-bottom:16px; font-size:15px; }
.cwk-map { border-radius:12px; overflow:hidden; margin-bottom:16px; }
.cwk-map iframe { width:100%; height:320px; border:0; display:block; }

.cwk-contact-cta { background:var(--wp--preset--color--navy); color:var(--wp--preset--color--text-light); padding:40px; border-radius:12px; }
.cwk-contact-cta h2 { color:var(--wp--preset--color--text-light); }

.cwk-cards-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:20px; }
.cwk-property-card { display:block; text-decoration:none; color:inherit; background:var(--wp--preset--color--offwhite); border:1px solid var(--wp--preset--color--border); border-radius:12px; overflow:hidden; box-shadow:var(--wp--preset--shadow--sm); }
.cwk-property-card-img { aspect-ratio:4/3; background:var(--wp--preset--color--cream); }
.cwk-property-card-img img { width:100%; height:100%; object-fit:cover; display:block; }
.cwk-img-placeholder { display:block; width:100%; height:100%; }
.cwk-property-card-body { padding:16px 18px; }
.cwk-property-card-body h4 { margin:0 0 4px; font-size:17px; }
.cwk-property-card-body p { margin:0; font-size:14px; color:var(--wp--preset--color--text-muted); }

@media (max-width:1023px) {
	.cwk-gallery-main { grid-template-columns:repeat(2,1fr); }
	.cwk-gallery-item:first-child { grid-column:span 2; }
}