/* Theme color override: Red */
:root {
    --ld-accent: #C81E1E;
    --ld-accent-hover: #A91515;
}

/* Text accent - only for normal text links, not CTA buttons */
a:hover,
.color,
.header-menu .menu li:hover > a,
.title-options .options:hover > a,
.title-options .options > ul li.contains-sub-menu:hover > a,
.share-link,
input[type="file"] + label.fileUpload:hover,
.bgBlack a:hover,
.links-list li a:hover,
.description-links > li a:not(.link):hover,
.blog-single a,
.items .item .info .stats a,
.items .item .info .expiration .expires,
.items .item .info .expiration .starts {
    color: var(--ld-accent) !important;
}

/* Background accent */
ul li.hlbt a:hover,
.items .item .info h5 > span,
.pagination li.selected a,
.pagination li:hover a,
.letters li:hover a,
.bgColor,
.search-container input[type="submit"],
.search-container button,
.search-overlay input[type="submit"],
.search-overlay button,
.subscribe_form form button:hover,
.button-set a:hover,
.owl-carousel button.owl-dot.active,
input[type="submit"],
button[type="submit"],
.menu-container .search-link a:hover {
    background-color: var(--ld-accent) !important;
}

/* Border accent */
.pagination li.selected a,
.pagination li:hover a,
input[type="file"] + label.fileUpload:hover,
input:focus,
textarea:focus,
select:focus,
.search-container input:focus,
.search-overlay input:focus {
    border-color: var(--ld-accent) !important;
}

/* Main CTA buttons: selected theme color by default, darker on hover, white text */
.items .item .info a.link:not(.link-revealed),
.description-links a.link,
.items .item .info .link-holder {
    background-color: var(--ld-accent) !important;
    color: #fff !important;
    border-color: var(--ld-accent) !important;
}

.items .item .info a.link:not(.link-revealed):hover,
.description-links a.link:hover,
.items .item .info .link-holder:hover {
    background-color: var(--ld-accent-hover) !important;
    color: #fff !important;
    border-color: var(--ld-accent-hover) !important;
}

/* Keep revealed/copy-code boxes readable */
.items .item .info div.link,
.description-links div.link,
.items .item .info .link.link-revealed {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
}

.items .item .info div.link:hover,
.description-links div.link:hover,
.items .item .info .link.link-revealed:hover {
    background-color: transparent !important;
    color: #000 !important;
}

.items .item .info div.link a,
.description-links div.link a {
    color: var(--ld-accent) !important;
}

.items .item .info div.link a:hover,
.description-links div.link a:hover {
    color: var(--ld-accent-hover) !important;
}


/* Dropdown/menu active and hover colors */
.menu-container {
    border-top-color: var(--ld-accent) !important;
}

.header-menu .menu li > ul li a:hover,
.title-options .options > ul li a:hover,
ul.menu ul li.active > a,
ul.user-menu li.active > a,
.title-options .options li.active > a,
.overlay-menu .menu li.active a {
    color: #fff !important;
}

.header-menu .menu li > ul li a:hover:before,
.title-options .options > ul li a:hover:before,
ul.menu ul li.active > a:before,
ul.user-menu li.active > a:before,
.title-options .options li.active > a:before {
    background-color: var(--ld-accent) !important;
}

.header-menu .menu li > ul,
.title-options .options > ul,
.title-options .options ul > li > ul {
    border-color: var(--ld-accent) !important;
}

.header-menu .menu li > ul li a:hover i,
.title-options .options > ul li a:hover i,
ul.menu ul li.active > a i,
ul.user-menu li.active > a i,
.title-options .options li.active > a i {
    color: #fff !important;
}

/* ===========================
   Theme color final fixes
   Applies selected admin color to remaining Black hardcoded elements
=========================== */

/* General hover/accent text */
a:hover,
.color,
.header-menu .menu > li:hover > a,
.header-menu .menu li.contains-sub-menu:hover > a,
.title-options .options:hover > a,
.title-options .options > ul li.contains-sub-menu:hover > a,
.links-list li a:hover,
.items .item .info .expiration .expires,
.items .item .info .expiration .starts,
.blog-single a,
.share-link {
    color: var(--ld-accent) !important;
}

/* Forms/focus */
input:focus,
select:focus,
textarea:focus,
.search-container input:focus,
.search-container select:focus,
.search-overlay input:focus,
.search-overlay select:focus {
    border-color: var(--ld-accent) !important;
    color: var(--ld-accent) !important;
}

/* Header join/register button */
ul li.hlbt > a,
.header-menu .menu li.hlbt > a,
.overlay-menu .menu li.hlbt > a,
.overlay-menu .menu li.register > a {
    background-color: var(--ld-accent) !important;
    border-color: var(--ld-accent) !important;
    color: #fff !important;
}

ul li.hlbt > a:hover,
.header-menu .menu li.hlbt > a:hover,
.overlay-menu .menu li.hlbt > a:hover,
.overlay-menu .menu li.register > a:hover {
    background-color: var(--ld-accent-hover) !important;
    border-color: var(--ld-accent-hover) !important;
    color: #fff !important;
}

/* Main coupon/product buttons, including single coupon page */
.get-deal-btn,
a.get-deal-btn,
.description-links a.get-deal-btn,
.description-links .get-deal-btn,
.description-links a.link,
.items .item .info a.link:not(.link-revealed),
.items .item .info .link-holder,
a.butt:hover,
button:hover,
input[type="submit"],
button[type="submit"],
.search-container input[type="submit"],
.search-container button,
.search-overlay input[type="submit"],
.search-overlay button,
.bgColor,
.pagination li.selected a,
.pagination li:hover a,
.letters li:hover a,
.letters li.selected a,
.owl-carousel button.owl-dot.active {
    background-color: var(--ld-accent) !important;
    border-color: var(--ld-accent) !important;
    color: #fff !important;
}

.get-deal-btn:hover,
a.get-deal-btn:hover,
.description-links a.get-deal-btn:hover,
.description-links .get-deal-btn:hover,
.description-links a.link:hover,
.items .item .info a.link:not(.link-revealed):hover,
.items .item .info .link-holder:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
.search-container input[type="submit"]:hover,
.search-container button:hover,
.search-overlay input[type="submit"]:hover,
.search-overlay button:hover,
.pagination li.selected a:hover,
.pagination li:hover a:hover,
.letters li:hover a,
.letters li.selected a:hover {
    background-color: var(--ld-accent-hover) !important;
    border-color: var(--ld-accent-hover) !important;
    color: #fff !important;
}

/* Revealed code/copy boxes should not become colored blocks */
.description-links div.link,
.items .item .info div.link,
.items .item .info .link.link-revealed {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
}

.description-links div.link a,
.items .item .info div.link a {
    color: var(--ld-accent) !important;
}

.description-links div.link a:hover,
.items .item .info div.link a:hover {
    color: var(--ld-accent-hover) !important;
}

/* Dropdown menus: remove old red/black flash by using selected color on pseudo background */
.menu-container {
    border-top-color: var(--ld-accent) !important;
}

.header-menu .menu li > ul,
.title-options .options > ul,
.title-options .options ul > li > ul {
    border-color: var(--ld-accent) !important;
}

.header-menu .menu li > ul li a:before,
.title-options .options > ul li a:before,
.title-options .options ul > li > ul li a:before,
ul.menu ul li.active > a:before,
ul.user-menu li.active > a:before,
.title-options .options > ul li.active a:before,
.title-options .options li.active > a:before {
    background-color: var(--ld-accent) !important;
}

.header-menu .menu li > ul li a:hover,
.title-options .options > ul li a:hover,
.title-options .options ul > li > ul li a:hover,
ul.menu ul li.active > a,
ul.user-menu li.active > a,
.title-options .options li.active > a,
.title-options .options > ul li.active a {
    color: #fff !important;
}

.header-menu .menu li > ul li a:hover i,
.title-options .options > ul li a:hover i,
.title-options .options ul > li > ul li a:hover i,
ul.menu ul li.active > a i,
ul.user-menu li.active > a i,
.title-options .options li.active > a i {
    color: #fff !important;
}

/* Category/store boxes and smaller accent elements */
.boxed-items.boxed-categories li,
.boxed-items.boxed-categories li > a:hover,
.items .item .info h5 > span,
input[type="file"] + label.fileUpload:hover,
.button-set a:hover,
.subscribe_form form button:hover {
    background-color: var(--ld-accent) !important;
    border-color: var(--ld-accent) !important;
    color: #fff !important;
}

input[type="file"] + label.fileUpload:hover {
    background-color: transparent !important;
    color: var(--ld-accent) !important;
}

/* Borders and accent backgrounds */
blockquote,
.pagination li.selected a,
.pagination li:hover a {
    border-color: var(--ld-accent) !important;
}

/* Fix: copy button text after coupon reveal must stay white */
.items .item .info div.link > div > a[data-copied],
.description-links div.link > div > a[data-copied],
.description-links a.get-deal-btn[data-copied],
a.get-deal-btn[data-copied],
[data-copied].get-deal-btn,
[data-copy-this].get-deal-btn {
    background-color: var(--ld-accent) !important;
    border-color: var(--ld-accent) !important;
    color: #fff !important;
}

.items .item .info div.link > div > a[data-copied]:hover,
.description-links div.link > div > a[data-copied]:hover,
.description-links a.get-deal-btn[data-copied]:hover,
a.get-deal-btn[data-copied]:hover,
[data-copied].get-deal-btn:hover,
[data-copy-this].get-deal-btn:hover {
    background-color: var(--ld-accent-hover) !important;
    border-color: var(--ld-accent-hover) !important;
    color: #fff !important;
}

.items .item .info div.link > div > a[data-copied] *,
.description-links div.link > div > a[data-copied] *,
.description-links a.get-deal-btn[data-copied] *,
a.get-deal-btn[data-copied] *,
[data-copied].get-deal-btn *,
[data-copy-this].get-deal-btn * {
    color: #fff !important;
}

/* ===========================
   Coupon single page final fixes
   - keep coupon button text white on hover
   - apply selected admin color to .bgBlack share sections
=========================== */
.description-links a.link:hover,
.description-links a.link:hover *,
.description-links .link:hover,
.description-links .link:hover *,
.description-links a.get-deal-btn:hover,
.description-links a.get-deal-btn:hover *,
a.get-deal-btn:hover,
a.get-deal-btn:hover *,
.get-deal-btn:hover,
.get-deal-btn:hover * {
    color: #fff !important;
}

.bgBlack {
    background-color: var(--ld-accent) !important;
    color: #fff !important;
}

.bgBlack h1,
.bgBlack h2,
.bgBlack h3,
.bgBlack h4,
.bgBlack h5,
.bgBlack h6,
.bgBlack p,
.bgBlack span,
.bgBlack li,
.bgBlack a,
.bgBlack i {
    color: #fff !important;
}

.bgBlack a:hover,
.bgBlack a:hover i,
.bgBlack .share-links li a:hover,
.bgBlack .share-links li a:hover i {
    color: #fff !important;
}

.bgBlack .share-links li a {
    border-color: rgba(255,255,255,.75) !important;
    color: #fff !important;
}

.bgBlack .share-links li a:hover {
    background-color: var(--ld-accent-hover) !important;
    border-color: var(--ld-accent-hover) !important;
}


/* ===========================
   Final coupon page button/share fixes
   - CTA text stays white on hover
   - .bgBlack uses selected admin color
=========================== */
body .description-links > li > a.get-deal-btn,
body .description-links > li > a.get-deal-btn:link,
body .description-links > li > a.get-deal-btn:visited,
body .description-links > li > a.get-deal-btn i,
body .description-links > li > a.get-deal-btn span,
body .description-links > li > a.link,
body .description-links > li > a.link:link,
body .description-links > li > a.link:visited,
body .description-links > li > a.link i,
body .description-links > li > a.link span {
    color: #fff !important;
}

body .description-links > li > a.get-deal-btn:hover,
body .description-links > li > a.get-deal-btn:focus,
body .description-links > li > a.get-deal-btn:hover i,
body .description-links > li > a.get-deal-btn:focus i,
body .description-links > li > a.get-deal-btn:hover span,
body .description-links > li > a.get-deal-btn:focus span,
body .description-links > li > a.link:hover,
body .description-links > li > a.link:focus,
body .description-links > li > a.link:hover i,
body .description-links > li > a.link:focus i,
body .description-links > li > a.link:hover span,
body .description-links > li > a.link:focus span {
    color: #fff !important;
}

body .description-links div.link a.get-deal-btn,
body .description-links div.link a.get-deal-btn:hover,
body .description-links div.link a.get-deal-btn:focus,
body .description-links div.link a[data-copied],
body .description-links div.link a[data-copied]:hover,
body .description-links div.link a[data-copied]:focus,
body .description-links div.link a[data-copy-this],
body .description-links div.link a[data-copy-this]:hover,
body .description-links div.link a[data-copy-this]:focus {
    background-color: var(--ld-accent) !important;
    border-color: var(--ld-accent) !important;
    color: #fff !important;
}

body .description-links div.link a.get-deal-btn:hover,
body .description-links div.link a[data-copied]:hover,
body .description-links div.link a[data-copy-this]:hover {
    background-color: var(--ld-accent-hover) !important;
    border-color: var(--ld-accent-hover) !important;
    color: #fff !important;
}

body .bgBlack,
body div.bgBlack,
body section.bgBlack {
    background-color: var(--ld-accent) !important;
    color: #fff !important;
}

body .bgBlack *,
body .bgBlack a,
body .bgBlack a:hover,
body .bgBlack a:focus,
body .bgBlack i,
body .bgBlack span,
body .bgBlack h1,
body .bgBlack h2,
body .bgBlack h3,
body .bgBlack h4,
body .bgBlack h5,
body .bgBlack h6,
body .bgBlack p {
    color: #fff !important;
}