/**
 * Theme: Paper Minimal — hairline monochrome cards, no shadows, no uppercase.
 * Scoped by the bookly-theme-paper-minimal class on the form container.
 * Rules target semantic marks; role marks (bookly-card-title-mark,
 * bookly-card-price-mark, bookly-panel-mark, bookly-divider-mark,
 * bookly-muted-mark) cover whole element families at once.
 */

/* Own background: the theme is self-contained on any page. */
.bookly-theme-paper-minimal .bookly-css-root {
    background: #fafaf8;
    background: var(--bookly-theme-bg);
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form,
.bookly-theme-paper-minimal .bookly-css-root .bookly-form-frame-mark {
    background: transparent !important;
    border: none !important;
}

/* Card: white, hairline border, no shadow; hover darkens the border only. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-card-mark {
    background: #ffffff !important;
    border: 1px solid #e4e2dc !important;
    box-shadow: none !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-card-mark:hover,
.bookly-theme-paper-minimal .bookly-css-root .bookly-card-mark:hover .bookly-card-body-mark {
    background: #ffffff !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-card-mark:hover {
    border-color: var(--bookly-theme-ink) !important;
}

/* Hairline between the image and the body. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-card-mark .bookly-card-header-mark {
    border-bottom: 1px solid #e4e2dc !important;
}

/* No field icons. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-card-mark i[class^="bi-"],
.bookly-theme-paper-minimal .bookly-css-root .bookly-card-mark i[class*=" bi-"] {
    display: none !important;
}

/* Title full-width, duration and price on one line below it. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-card-mark .bookly\:flex-col {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    column-gap: 12px;
}

/* Roles. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-card-title-mark {
    width: 100%;
    font-size: 15px;
    font-weight: 600;
    color: var(--bookly-theme-ink);
    margin-bottom: 6px !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-card-price-mark {
    font-size: 13px;
    font-weight: 600;
    color: var(--bookly-theme-ink);
    margin-bottom: 0 !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-muted-mark {
    color: #8a8a85 !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-divider-mark {
    border-color: #e4e2dc !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-panel-mark {
    background: #ffffff !important;
    border-color: #e4e2dc !important;
    box-shadow: none !important;
    color: var(--bookly-theme-ink);
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-service-duration-mark {
    font-size: 12px;
    color: #8a8a85;
    margin-bottom: 0 !important;
}

/* Calendar internals: vendored markup, no marks available inside. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar,
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar * {
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar [class*="bg-slate-100"] {
    background: #f4f4f1 !important;
    color: #c2c2bc !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar [class*="text-slate-600"] {
    color: var(--bookly-theme-ink) !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar [class*="text-slate-400"],
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar [class*="text-muted"] {
    color: #c2c2bc !important;
}

/* Calendar header controls (prev / month-year label / next): the product paints
   them as main-color pills with white text on hover and in the zoomed month/year
   picker; with the monochrome ink main color the theme's text override made them
   unreadable dark bars — keep the whole header flat instead. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar .bookly-calendar-left-button-mark,
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar .bookly-calendar-middle-button-mark,
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar .bookly-calendar-right-button-mark {
    background: transparent !important;
    color: var(--bookly-theme-ink) !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar .bookly-calendar-left-button-mark:hover,
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar .bookly-calendar-middle-button-mark:hover,
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar .bookly-calendar-right-button-mark:hover {
    background: #f4f4f1 !important;
}

/* Unavailable direction (e.g. back past the current month) reads as muted paper. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar .bookly-calendar-left-button-mark[disabled="true"],
.bookly-theme-paper-minimal .bookly-css-root .bookly-search-form-calendar .bookly-calendar-right-button-mark[disabled="true"] {
    color: #c2c2bc !important;
    background: transparent !important;
}

/* Selects: the styled element is the native select inside the marked container. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-select-container select {
    background: #ffffff !important;
    border-color: #e4e2dc !important;
    color: var(--bookly-theme-ink) !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-select-container label,
.bookly-theme-paper-minimal .bookly-css-root .bookly-select-container [class*="text-slate"] {
    color: #8a8a85 !important;
}

/* Inputs, menu triggers and dropdown panels in the hairline style. */
.bookly-theme-paper-minimal .bookly-css-root .bookly-input-mark {
    border-color: #e4e2dc !important;
    color: var(--bookly-theme-ink) !important;
}

.bookly-theme-paper-minimal .bookly-css-root .bookly-dropdown-mark {
    border-color: #e4e2dc !important;
    box-shadow: none !important;
    color: var(--bookly-theme-ink) !important;
}