/* Main stylesheet for changr.eu - CSP compliant (no inline styles) */

/* Inline form display */
.form-inline {
    display: inline;
}

/* Hero section large emoji */
.hero-emoji-large {
    font-size: 15rem;
    opacity: 0.2;
}

/* Section background white */
.section-bg-white {
    background: white;
}

/* Modal rounded content */
.modal-content-rounded {
    border-radius: 15px;
    border: none;
}

/* Modal header gradient */
.modal-header-gradient {
    background: var(--primary-gradient);
    color: white;
    border-radius: 15px 15px 0 0;
    border: none;
}

/* Modal title bold */
.modal-title-bold {
    font-weight: 600;
}

/* Modal emoji large */
.modal-emoji-large {
    font-size: 4rem;
    margin-bottom: 1.5rem;
}

/* WhatsApp link styling */
.whatsapp-link {
    color: var(--primary-color);
    font-weight: 600;
    font-size: 1.5rem;
}

/* WhatsApp button gradient */
.btn-whatsapp-gradient {
    background: linear-gradient(135deg, #25D366 0%, #128C7E 100%);
    border: none;
    padding: 12px 32px;
    border-radius: 50px;
    font-weight: 600;
}

/* WhatsApp icon spacing */
.whatsapp-icon-spacing {
    margin-right: 8px;
}

/* Small muted text */
.text-muted-small {
    font-size: 0.9rem;
}

/* TOTP section hidden - can be toggled with JavaScript */
.totp-section-hidden {
    display: none;
}

.totp-section-visible {
    display: block;
}

/* TOTP code input */
.totp-code-input {
    letter-spacing: 0.5em;
    font-size: 1.2rem;
    font-weight: 600;
}

/* TOTP label muted */
.totp-label-muted {
    font-size: 0.85rem;
    font-weight: normal;
}

/* Word wrap container */
.word-wrap-container {
    max-width: 400px;
    word-wrap: break-word;
}

/* Brand image opacity */
.brand-image-opacity {
    opacity: 0.8;
}

/* Footer link styling */
.footer-link {
    text-decoration: underline;
}

/* Email display font size */
.email-display {
    font-size: 0.9rem;
}

/* Shopping list item strikethrough for purchased items */
.text-decoration-line-through {
    text-decoration: line-through;
}

/* Meal cell hover effect for editable cells */
.meal-cell {
    cursor: default;
}

/* Shopping item hover effect */
.shopping-item:hover {
    background-color: #f8f9fa;
}

/* PDF download button styling */
.btn-pdf {
    color: #dc3545;
}

.btn-pdf:hover {
    color: #fff;
    background-color: #dc3545;
}