/**
 * Serenity Booking - Settings Simple (supplementary styles)
 * Main styles are in settings-page.css
 * This file only adds extras not covered there.
 */

/* Settings grid for cards side by side if needed */
.serenity-settings-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 20px;
}

/* Wide card - full width */
.serenity-settings-card.full-width {
    grid-column: 1 / -1;
}

/* Small helper text under fields */
.setting-field .field-help {
    font-size: 12px;
    color: #9ca3af;
    margin-top: 4px;
    display: block;
}

/* Serenity footer branding */
.serenity-footer {
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid #e5e7eb;
    text-align: center;
}

.serenity-branding {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #94a3b8;
    font-size: 13px;
}

.serenity-branding-text {
    color: #94a3b8;
}

.serenity-branding-link {
    background: linear-gradient(135deg, #a855f7 0%, #ec4899 50%, #f59e0b 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
    text-decoration: none;
    font-size: 15px;
}

.serenity-branding-tagline {
    color: #94a3b8;
    font-size: 12px;
    margin-top: 4px;
}