/* Extracted utility classes for Blade templates (RTL). Mirrors inline-extracted.css. */

.u-hidden {
    display: none !important;
}

.u-cursor-pointer {
    cursor: pointer;
}

.u-object-cover {
    object-fit: cover;
}

.space-hero-image {
    height: 450px;
}

.space-hero-placeholder {
    height: 450px;
    font-size: 6rem;
    color: #6c757d;
}

.space-thumb {
    width: 80px;
    height: 60px;
    object-fit: cover;
    cursor: pointer;
    border: 2px solid transparent;
}

.space-thumb.is-active {
    border-color: #0d6efd;
}

.space-thumb-placeholder {
    width: 80px;
    height: 60px;
    border: 2px solid #0d6efd;
    font-size: 2rem;
    color: #6c757d;
}

.space-gallery-item {
    width: 200px;
    height: 120px;
    object-fit: cover;
}

.space-booking-sticky {
    top: 100px;
}

.space-map-embed {
    height: 300px;
    border-radius: 8px;
}

.verification-header-gradient {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
}

.verification-progress {
    height: 6px;
}

.verification-icon {
    width: 44px;
    height: 44px;
}

.verification-code-input {
    letter-spacing: 0.35em;
}

.verification-bot-icon {
    width: 40px;
    height: 40px;
}

.verification-bot-icon--telegram {
    background: #0088cc;
}

.verification-bot-icon--whatsapp {
    background: #16a34a;
}

.verification-icon--verified {
    background: #198754;
}

.verification-icon--pending {
    background: #ffc107;
}

/* Card / listing media */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-media-160,
.card-media-160.u-object-cover {
    height: 160px;
}

.card-media-placeholder-160 {
    height: 160px;
}

.card-media-200 {
    height: 200px;
}

.card-media-220 {
    height: 220px;
}

.card-media-cover {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* Service detail page */
.service-hero-image {
    max-height: 450px;
    object-fit: cover;
}

.service-hero-placeholder {
    max-height: 450px;
    height: 450px;
    font-size: 6rem;
    color: #6c757d;
}

.service-gallery-thumb {
    width: 100px;
    height: 75px;
    object-fit: cover;
    cursor: pointer;
}

.service-avatar-xs {
    width: 36px;
    height: 36px;
}

.service-booking-sticky {
    top: 100px;
}

/* Admin tables & avatars */
.form-select-auto {
    width: auto;
}

.admin-thumb-60 {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

.admin-thumb-placeholder-60 {
    width: 60px;
    height: 60px;
}

.admin-avatar-32 {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.admin-avatar-placeholder-32 {
    width: 32px;
    height: 32px;
}

.admin-avatar-80 {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.admin-avatar-placeholder-80 {
    width: 80px;
    height: 80px;
    font-size: 2rem;
}

.admin-cover-placeholder-200 {
    height: 200px;
}

/* Category / tag color theming (dynamic via CSS variable) */
.category-themed {
    color: var(--category-color, #6c757d);
}

.category-icon-lg {
    font-size: 2.5rem;
    color: var(--category-color, #6c757d);
}

.category-icon-sm {
    font-size: 1.1rem;
    color: var(--category-color, #6c757d);
}

.color-swatch-themed {
    background-color: var(--category-color, #007bff);
}

/* Progress bars with dynamic width */
.progress-bar-dynamic {
    width: var(--progress-width, 0%);
}

/* Maps */
.spaces-map-embed-lg {
    height: 500px;
    border-radius: 12px;
}

.map-popup-content {
    min-width: 200px;
}

.map-popup-image {
    height: 100px;
    object-fit: cover;
    width: 100%;
    border-radius: 6px;
}

.admin-avatar-80 {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.admin-avatar-placeholder-80 {
    width: 80px;
    height: 80px;
}

.admin-avatar-28 {
    width: 28px;
    height: 28px;
    object-fit: cover;
}

.admin-avatar-placeholder-28 {
    width: 28px;
    height: 28px;
}

.admin-order-thumb-40 {
    width: 40px;
    height: 40px;
    object-fit: cover;
}

.admin-order-thumb-placeholder-40 {
    width: 40px;
    height: 40px;
}

.admin-avatar-chip-28 {
    width: 28px;
    height: 28px;
    font-size: 0.75rem;
}

.input-group-max-300 {
    max-width: 300px;
}

.card-media-placeholder-200 {
    height: 200px;
    font-size: 4rem;
    color: #6c757d;
}

.bulk-bar--hidden {
    display: none !important;
}

.img-responsive-pointer {
    cursor: pointer;
    max-width: 100%;
    height: auto;
}

.admin-cover-placeholder-150 {
    height: 150px;
}

.admin-gallery-thumb-120 {
    height: 120px;
    width: 100%;
    object-fit: cover;
}

.admin-video-preview {
    max-height: 200px;
}

.admin-thumb-50 {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

.admin-thumb-placeholder-50 {
    width: 50px;
    height: 50px;
}

.admin-avatar-chip-48 {
    width: 48px;
    height: 48px;
    font-size: 1.25rem;
}

.admin-gallery-thumb-90 {
    object-fit: cover;
}

.admin-space-video-thumb {
    width: 200px;
    height: 120px;
    object-fit: cover;
}

.form-control-color-swatch {
    width: 50px;
    height: 40px;
    padding: 2px;
    cursor: pointer;
}

.card-media-180,
.card-media-180.u-object-cover {
    height: 180px;
}

.card-media-placeholder-180 {
    height: 180px;
}

.card-media-placeholder-180-lg {
    height: 180px;
    font-size: 4rem;
    color: #6c757d;
}

.bulk-bar--hidden {
    display: none !important;
}

.img-responsive-pointer {
    cursor: pointer;
    max-width: 100%;
    height: auto;
}

.text-pre-wrap {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.text-truncate-max-160 {
    max-width: 160px;
}

.u-cursor-default {
    cursor: default;
}

.select2-full-width {
    width: 100%;
}

.no-underline {
    text-decoration: none;
}

.spinner-border-lg {
    width: 3rem;
    height: 3rem;
}

.admin-thumb-80 {
    width: 80px;
    height: 80px;
    object-fit: cover;
}

.admin-thumb-150 {
    width: 150px;
    object-fit: cover;
}

.img-preview-max-100 {
    max-height: 100px;
}

.service-cover-250 {
    height: 250px;
}

.space-location-map {
    height: 280px;
}

.reservation-space-thumb {
    height: 120px;
    width: 100%;
    object-fit: cover;
}

.gallery-form-thumb {
    height: 120px;
    width: 100%;
    object-fit: cover;
}

.admin-avatar-40 {
    width: 40px;
    height: 40px;
}

.ha-feature__glow--cyan {
    background: #06b6d4;
}

.bot-card-header--telegram {
    background: linear-gradient(135deg, #0088cc, #005f99);
}

.bot-card-header--bale {
    background: linear-gradient(135deg, #16a34a, #15803d);
}

.admin-thumb-100 {
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.progress-fill.progress-bar-dynamic,
.progress-bar.progress-bar-dynamic {
    width: var(--progress-width, 0%);
}