/* =========================================
   DIGITAL CARD – USER COLOR OVERRIDES
   Scoped & Safe
   ========================================= */


body {
 background: var(--dc-bg-outer, linear-gradient(90deg, rgba(10, 24, 33, 1) 0%, rgba(17, 46, 44, 1) 35%, rgba(32, 76, 59, 1) 100%)#151515);
}
body:before {
 background: var(--dc-bg-outer, rgb(0 0 0 / 33%));
} 

/* .logoTeam { */
        /* border: 2px solid var(--dc-text, #ffffff);; */
/* } */

/* ---------- Card Background ELEMENTS ---------- */
.cardOuter ,.addToContactWrap {
    background: var(--dc-bg, #113933);  
    /* color: var(--dc-card-text, #000000);  Fallback to default if not set */
}


/* ---------- Text ELEMENTS ---------- */
.digital-card p, .userInfo p a {
    color: var(--dc-text, #ffffff);  
}
.accordionBtnArea .table th, .accordionBtnArea .table td, .cardAccordion .table th, .cardAccordion .table td {
    color: var(--dc-text, #ffffff);  
}
.cardAccordion .table tr :hover, .cardAccordion .table td:hover {
    color: var(--dc-text, #ffffff);  
}
.loginButton {
    color: var(--dc-text, #ffffff);  
}
.atheletSliderData h4 {
    color: var(--dc-text, #ffffff );  
}
/* ---------- Heading ELEMENTS ---------- */
.digital-card .headerOrange {
    color: var(--dc-heading-color, #00c88e );
}   
.digital-card .headerOrange:hover {
    color: var(--dc-heading-color, #00c88e );  
}   
.posted p a:hover {
    color: var(--dc-heading-color, #00c88e );  
}

.headingOther h2:before {
    background-color: var(--dc-text, #fff);  
}
.headingOther h2:after {
    background-color: var(--dc-text, #fff);  
}
.merchMain .cardDetail h4 {
    color: var(--dc-heading-color, #00c88e );  
}


/* ---------- Button ELEMENTS ---------- */
.digital-card .actualBtn, .slick-prev, .slick-next {
    background: var(--dc-btn-bg, #00c88e ) !important; 
    color: var(--dc-btn-text, #ffffff); 
}
.scanBtn i {
    color: var(--dc-btn-text, #ffffff);  
}
.tabCardSecondArea .nav-tabs .nav-link,
.tabCardFirstArea .nav-tabs .nav-link {
    background: var(--dc-btn-bg, #00c88e );  
    color: var(--dc-btn-text, #ffffff);  
}

.tabCardFirstArea .nav-tabs .nav-item.show .nav-link, .tabCardFirstArea .nav-tabs .nav-link.active {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--dc-btn-bg) 85%, white),
        color-mix(in srgb, var(--dc-btn-bg) 85%, black)
    );
    color: var(--dc-btn-text, #ffffff);
}
.tabCardFirstArea .nav-tabs .nav-link:hover, .tabCardFirstArea .nav-tabs .nav-link:focus {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--dc-btn-bg) 85%, white),
        color-mix(in srgb, var(--dc-btn-bg) 85%, black)
    );
    color: var(--dc-btn-text, #ffffff);
}

.tableSchedule .table tbody, .tableSchedule .table thead {
    background: var(--dc-btn-bg, #00c88e );  
    color: var(--dc-btn-text, #ffffff);  
}
.tableSchedule .table thead {
    background: var(--dc-btn-bg, #00c88e );  
    color: var(--dc-btn-text, #ffffff);  
}
/* ---------- Accordion ELEMENTS ---------- */
button.accordion-button.collapsed, .cardAccordion .accordion-button:not(.collapsed), .cardAccordion .accordion-button:focus {
    /* color: var(--dc-tab-text, #ff6600) !important; 
    background: var(--dc-tab-bg, #ffffff); */
    background: var(--dc-btn-bg, #00c88e );
    color: var(--dc-btn-text, #ffffff);
}
.accordion-item .accordion-button.collapsed {
    background: var(--dc-btn-bg, transparent);
    color: var(--dc-btn-text, #ffffff);
}
.btnTheme:before { 
    background-color: transparent; 
}
.cardAccordion .accordion-body {
    background: var(--dc-btn-bg, transparent);  
    color: var(--dc-btn-text, #fff); 
    /* opacity: 0.6;  */
	position: relative;
    z-index: 1;
}

.addressAccordian ul li a , .accDetails ul li {
    color: var(--dc-btn-text, #ffffff);  
}
.addressAccordian ul li i {
    color: var(--dc-btn-text, #ffffff);  
}
.contact-details, .borderClass  {
    background-color: var(--dc-btn-bg, #191919);
    color: var(--dc-btn-text, #ffffff);
    border: 1px solid var(--dc-border, #ffffff3b);  
}

 .borderClass :hover {

    border: 1px solid var(--dc-border, #ffffff3b);  
}
.contact-content span {
    color: var(--dc-btn-text, #ffffff);  
}
.days-txt, .contact-list .time-txt {
    color: var(--dc-btn-text, #ffffff);  
}
.formAccordian .form-control {
    background: var(--dc-btn-bg, #ffffff);  
    color: var(--dc-btn-text, #151515);  
    border: 1px solid var(--dc-border, #151515);  
}
.formAccordian .actualBtn  {
        border: 1px solid var(--dc-border, #126649);  
}
.btnCardFull,.addToContactWrap {  
    border-top: 1px solid var(--dc-border, #126649);  
}
.animate-border {
    background:  var(--dc-border, #1aa348);  
}
/* ---------- Slider ELEMENTS ---------- */
 .slick-dots li button {
    background: transparent;
    border: 2px solid var(--dc-heading-color, #00c88e );
}   

 .slick-dots li.slick-active button, .slick-dots li button:hover {
    background: var(--dc-heading-color, #00c88e );
    border: 2px solid var(--dc-heading-color, #00c88e );
}
/*
.slick-dotted.slick-slider {
     background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--dc-bg) 85%, white),
        color-mix(in srgb, var(--dc-bg) 85%, black)
    ) !important;
}
*/
.testimonialData {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--dc-bg) 85%, white),
        color-mix(in srgb, var(--dc-bg) 85%, black)
    ) !important;
}
/* ---------- Social Media Icons ELEMENTS ---------- */
.logSocial ul li a, .scanBtn  {
    background: var(--dc-social-bg, #ffffff);  
    color: var(--dc-social, #000000);  
}
.download-icon a i {
    color: var(--dc-social, #000000);  
}
.download-icon {
    background: var(--dc-social-bg, #ffffff);  
}

.download-icon:hover a i{
    color:var(--dc-social, #000000); 
}
.download-icon:hover {
    background: var(--dc-social-hover, #00c88e );  
}
.logSocial ul li a:hover, .scanBtn:hover {
    background: var(--dc-social-hover, #00c88e );  
    color: var(--dc-social, #000000);  
}
.addToBtnSec .add-txt, .scanBtn i {
    color: var(--dc-social, #000000);  
    
}
.plusBtn i {
    color: var(--dc-social-bg, #ffffff);  
}
.addToBtnSec .plusBtn {
    background: var(--dc-social, #000000);
}
.addToBtnSec  {
    background: var(--dc-social-bg, #ffffff);  
}


/* ---------- Modal ELEMENTS ---------- */
.myModalCustom .modal-title {
    color: var(--dc-heading-color, #00c88e );  
}

.myModalCustom .modal-body p{
    color: var(--dc-text, #ffffff);  
}
.myModalCustom .modal-footer button , .myModalCustom .modal-header .btn-close, .myModalCustom  button {
    background: var(--dc-btn-bg, #00c88e );  
    color: var(--dc-btn-text, #ffffff);  
}
.myModalCustom .modal-content  {
    background: var(--dc-bg, #0c4132);  
}
.myModalCustom .modal-header {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--dc-bg,#0c4132) 80%, white),
        color-mix(in srgb, var(--dc-bg,#0c4132) 95%, black)
    );
}
.modal-body h1, .modal-body h2, .modal-body h3, .modal-body h4, .modal-body h5, .modal-body h6 {
    color: var(--dc-heading-color, #00c88e );  
}
.tabModal .nav-tabs .nav-link {
    background: var(--dc-bg, #232323);  
    color: var(--dc-text, #ffffff);  
    border: 1px solid var(--dc-heading-color, #00c88e );
}
.tabModal .nav-tabs .nav-item.show .nav-link, .tabModal .nav-tabs .nav-link.active {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--dc-btn-bg) 85%, white),
        color-mix(in srgb, var(--dc-btn-bg) 85%, black)
    );
    color: var(--dc-btn-text, #ffffff);
}
.tabModal .nav-tabs .nav-link:hover, .tabModal .nav-tabs .nav-link:focus {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--dc-btn-bg) 85%, white),
        color-mix(in srgb, var(--dc-btn-bg) 85%, black)
    );
    color: var(--dc-btn-text, #ffffff);
}
.modal-body p a, .modal-body a {
    color: var(--dc-heading-color, #ffffff);  
}
.modal-body p a :hover {
    color: var(--dc-heading-color, #00c88e );  
}
.modal-body label, .modal-body input, .modal-body textarea {
    color: var(--dc-text, #ffffff);  
}
.modal-body input::placeholder,
.modal-body textarea::placeholder,
.modal-body input::-webkit-input-placeholder,
.modal-body textarea::-webkit-input-placeholder,
.modal-body input:-ms-input-placeholder,
.modal-body textarea:-ms-input-placeholder {
    color: var(--dc-text, #ffffff);  
    opacity: 1; /* keep placeholder fully visible */
}
 
.svg_layer_111  {
    fill: var(--dc-bg, #0d0c0a) !important;  
}


.merchMain .slick-dotted.slick-slider , .merchInner , .blogInner , .serviceInner, .testimonialData, .sponsoredAdsInner .cardDetail img, .videoHighlights .cardDetail, .atheletSliderData, .resumeData {
    border: 1px solid var(--dc-border, #ffffff3b) !important;  
}
.testimonialImage , .resumeImage{
    border: 2px dashed var(--dc-border, #ffffff3b) !important;  
}


 .form-control::-webkit-input-placeholder{ color: var(--dc-btn-text, #ffffff); }
 .form-control::-moz-placeholder { color: var(--dc-btn-text, #ffffff); }
 .form-control::-ms-input-placeholder { color: var(--dc-btn-text, #ffffff); }