/* ==========================================================================
   Evara London — surfaces found by auditing computed styles page by page.
   Everything here was invisible to markup inspection: it only showed up
   when reading getComputedStyle() on the rendered DOM.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Newsletter popup (homepage) — an 800x495 white modal
   -------------------------------------------------------------------------- */

.newsletter-popup .modal-content,
.modal .newsletter-popup-bg,
.newsletter-popup-bg {
    background-color: var(--ev-navy-deep) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.newsletter-popup .modal-dialog .modal-content,
#newsletter-popup .modal-content {
    background-color: var(--ev-navy) !important;
    border: 1px solid rgba(163, 152, 115, .4) !important;
    border-radius: 0 !important;
    color: var(--ev-cream) !important;
}

.modal .modal-title,
.modal h2, .modal h3, .modal h4 {
    font-family: var(--ev-font-display) !important;
    font-weight: 400 !important;
    color: var(--ev-white) !important;
    letter-spacing: .05em;
}

.modal .modal-text,
.modal .text-muted,
.modal p {
    color: rgba(255, 255, 255, .7) !important;
    font-family: var(--ev-font-accent) !important;
}

.modal .form-control,
.modal input[type="email"],
.modal input[type="text"] {
    background: rgba(5, 13, 31, .6) !important;
    border: 1px solid rgba(163, 152, 115, .4) !important;
    border-radius: 0 !important;
    color: var(--ev-cream) !important;
    padding: 14px 16px !important;
}

.modal .form-control::placeholder { color: rgba(253, 224, 191, .35) !important; }
.modal .form-control:focus { border-color: var(--ev-gold) !important; box-shadow: none !important; }

/* --------------------------------------------------------------------------
   Blog: excerpt text was rgb(85,88,91) — dark grey on navy, unreadable
   -------------------------------------------------------------------------- */

.tp-blog-grid-content p,
.tp-blog-grid-item p,
.blog-post-content p,
.tp-postbox-content p,
.tp-blog-details-content p,
.tp-sidebar-widget p {
    color: rgba(255, 255, 255, .72) !important;
    font-family: var(--ev-font-accent) !important;
    font-size: 15px;
    line-height: 1.85;
}

.tp-blog-grid-item h3,
.tp-blog-grid-item h4,
.tp-postbox-title,
.tp-blog-details-title {
    font-family: var(--ev-font-display) !important;
    font-weight: 400 !important;
    color: var(--ev-white) !important;
}

.tp-blog-grid-item a,
.tp-postbox-content a { color: var(--ev-gold) !important; }
.tp-blog-grid-item a:hover { color: var(--ev-gold-bright) !important; }

/* blog sidebar search field */
.tp-sidebar-widget input,
.tp-sidebar-search input,
.blog-search input {
    background: rgba(5, 13, 31, .6) !important;
    border: 1px solid rgba(163, 152, 115, .4) !important;
    border-radius: 0 !important;
    color: var(--ev-cream) !important;
    padding: 13px 16px !important;
}

/* --------------------------------------------------------------------------
   Contact: the whole inner panel and every field shipped white
   -------------------------------------------------------------------------- */

.tp-contact-inner,
.tp-contact-wrapper,
.tp-contact-form {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    color: var(--ev-cream) !important;
}

.contact-form-input,
.tp-contact-input input,
.tp-contact-input textarea,
.tp-contact-form input,
.tp-contact-form textarea {
    background: rgba(5, 13, 31, .6) !important;
    background-color: rgba(5, 13, 31, .6) !important;
    border: 1px solid rgba(163, 152, 115, .35) !important;
    border-radius: 0 !important;
    color: var(--ev-cream) !important;
    padding: 14px 16px !important;
    font-family: var(--ev-font-body) !important;
    font-size: 14px !important;
}

.contact-form-input::placeholder,
.tp-contact-form input::placeholder,
.tp-contact-form textarea::placeholder { color: rgba(253, 224, 191, .35) !important; }

.contact-form-input:focus,
.tp-contact-form input:focus,
.tp-contact-form textarea:focus { border-color: var(--ev-gold) !important; outline: none; box-shadow: none !important; }

.tp-contact-form label,
.tp-contact-input label {
    font-family: var(--ev-font-body) !important;
    font-size: 10px !important;
    letter-spacing: .22em !important;
    text-transform: uppercase;
    color: var(--ev-gold) !important;
    background: transparent !important;
}

.tp-contact-inner h3,
.tp-contact-inner h4,
.tp-contact-title {
    font-family: var(--ev-font-display) !important;
    font-weight: 400 !important;
    color: var(--ev-white) !important;
}

.tp-contact-inner p, .tp-contact-inner span, .tp-contact-inner li { color: rgba(255, 255, 255, .75) !important; }

/* --------------------------------------------------------------------------
   Pagination: the active page number was dark-on-dark
   -------------------------------------------------------------------------- */

.ev-pagination .page-item:not(.active) .page-link,
.ev-pagination .page-item:not(.active) a { color: var(--ev-cream) !important; }
.ev-pagination .page-item.active .page-link,
.ev-pagination .page-item.active span { color: var(--ev-navy) !important; background: var(--ev-gold) !important; }

/* --------------------------------------------------------------------------
   Global safety net: any bare Bootstrap pale utility on the storefront
   -------------------------------------------------------------------------- */

body:not(.checkout-page) .bg-light,
body:not(.checkout-page) .bg-white,
body:not(.checkout-page) .bg-body-tertiary {
    background-color: rgba(11, 23, 49, .5) !important;
    color: var(--ev-cream) !important;
}


/* blog pagination numbers and sidebar counts were rgb(85,88,91) */
.pages-number,
.tp-pagination .page-numbers,
.tp-sidebar-widget span,
.tp-sidebar-widget li span,
.widget span,
.tp-blog-grid-meta span { color: rgba(255, 255, 255, .55) !important; }

.pages-number a,
.tp-pagination a,
.tp-pagination .page-numbers { color: var(--ev-cream) !important; }
.tp-pagination .current,
.tp-pagination .page-numbers.current { background: var(--ev-gold) !important; color: var(--ev-navy) !important; border-radius: 0 !important; }

/* any residual dark-on-dark body copy inside vendor blocks */
.tp-postbox-text p, .tp-blog-details-content li, .tp-blog-details-content span { color: rgba(255,255,255,.72) !important; }