#footer-logo{
    width: 8em;
}
.footer-link{
    text-decoration: underline;
    color: white;
    font-weight: normal;
}
.footer-link:hover{
    text-decoration: underline;
    color: white;
    font-weight: normal;
}
.notes-char-counter{
    margin-top: 0;
}
#birth-date{
    background-color: var(--eggshell);
}
.purple-text{
    color: #74226C;
}
.white-text{
    color: #FFF8F0;
}
.date-input{
    font-size: math;
}
.error-message{
    color: royalblue;
    font-weight: bold;
    background-color: inherit;
    margin-bottom: 2rem;
}
.read-only{
    background-color: inherit;
    border-color: lightgray;
}
.terms-formatting{
    font: inherit;
    text-align: left;
    line-height: 2;
}
.inline-title {
    display: inline-grid;
    margin-right: 10px; /* Espaçamento entre o h3 e o input */
    font-size: 1.2;
}
#user-plan-table {
    width: 300px;
    border-collapse: collapse;
    background-color: inherit;
    border: 0;
}
#user-plan-table tr {
    background-color: inherit;
    color: var(--jet);
    font-weight: normal;
    text-align: left;
    border-bottom: solid 1px var(--eggshell);
}
#user-plan-table td {
    width: auto;
    color: var(--jet);
    font-weight: normal; 
    padding-left: 0;
    padding-top: .25em;
    padding-right: 0;
    padding-bottom: .25em;
    border: 0;
    text-align: left;
}
#schedule-date-form {
    margin-bottom: 20px;
}
#payment-notification{
    color: var(--jet);
    color: red;
    font-weight: bold;
    margin-top: 2em;
    margin-bottom: 2em;
}
/* Links exibidos como botão */
.link-as-button {
    text-decoration: none;
    font-weight: normal;
    background-color: var(--white);
    border: 1px solid var(--dark-magenta);
    border-radius: var(--border-radius);
    padding-block: .5rem;
    padding-inline: 1rem;
    transition: all 0.3s;
    box-shadow: var(--box-shadow);
}
.link-as-button:hover {
    text-decoration: none;
    font-weight: normal;
    background-color: var(--dark-magenta);
    color: white;
}
.link-as-button:active {
    transform: translateY(2px);
}