.dcwidget h1
{
    color: #eef0fb;
    font-size: large;
    font-weight: bold;
    text-align: center;
    margin-top: 4px;
    margin-bottom: 4px;
}

.dcwidget hr
{
    color: rgba(224, 196, 132, 0.34);
    border-style: solid;
    border-color: rgba(224, 196, 132, 0.34);
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
}

.dcwidget select
{
    font-size: small;
    color: #1c2130;
    background: #ffffff;
}

.dcwidget input
{
    font-size: small;
}

.dcwidget h4
{
    font-size: large;
}

.dcimagelogo
{
    width: 100%;
    padding: 0;
    margin: 0;
}

.dccol
{
    padding: 2px 2px 2px 2px;
    margin: 0;
}

.dcerror
{
    background: #7a2733;
    color: #f6d9d9;
    font-size: small;
}

.dcwidgetbg
{
    background: #121c46;
    padding: 8px 8px 8px 8px;
    font-size: small;
    color: #eef0fb;
}

.dcwidgetheaderbg
{
    background: #0a1130;
    padding: 4px 4px 4px 4px;
    font-size: medium;
    color: #f2d79a;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
}

.dcwidgetheaderbg a
{
    text-decoration: none;
}

.dcwidgetheaderbg a:hover
{
    text-decoration: underline;
}

.dccardimage
{
    width: 70%;
    border: 0;
    padding: 0;
    margin: auto;
    background: none;
    left: 50%;
    right: 50%;
}

.dcmodeltext
{
    font-size: small;
    margin: 0;
}

.img-card-thumbnail {
    display: inline-block;
    width: 40%;
    max-height: 24vh !important;
    height: auto;
    padding: 4px;
    line-height: 1.42857143;
    border: 0;
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.img-karma-card {
    float: left;
    max-height: 80px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.modal-title
{
    font-weight: bold;
    font-size: large;
}

.modal-subtitle
{
    font-weight: normal;
    font-size: medium;
}

#dcwidget .button
{
    font-size: small;
}

.small-planetary-symbol
{
    float: left;
    width: 40px;
    padding-right: 4px;
    padding-bottom: 4px;
}

/* Celestial Nightfall additions (destinycards.ai). Colors + buttons only; the
   widget's layout, JS, and Bootstrap grid are untouched. */
.dcwidgetheaderbg a { color: #f2d79a; }
.dcwidget p { color: #c3c8ec; }
.findcards-button,
.clear-birthdate-button
{
    background: linear-gradient(180deg, #f2d79a, #d9b673);
    color: #1c1503;
    border: 1px solid #b3915a;
    border-radius: 6px;
    padding: 6px 16px;
    font-weight: bold;
    cursor: pointer;
}
.findcards-button:hover,
.clear-birthdate-button:hover { background: #f2d79a; }
.dcwidget .modal-title, .dcwidget .modal-subtitle { color: #f2d79a; }
/* The reading panel (#card-popup-body) keeps its inline white background — force dark
   ink inside it so the reading text stays readable against white. */
.dcwidget .modal-body, .dcwidget .modal-body p, .dcwidget .modal-body i { color: #1c2130 !important; }
/* Keep the book cover's aspect ratio at any width. */
.dcimagelogo { height: auto; object-fit: contain; }