/* ==========================================================================
   e-SMM marka teması  ·  esmm.org
   Renk paleti ve logolar esmm.org kaynağından alınmıştır
   (assets/css/custom.css :root — brand / brand-dark / brand-light / navy).

   Bu dosya theme.min.css'ten SONRA yüklenmelidir.
   ========================================================================== */

:root {
    --esmm-brand:       #0d9488;
    --esmm-brand-dark:  #0f766e;
    --esmm-brand-light: #2dd4bf;
    --esmm-navy:        #0a2540;
    --esmm-ink:         #1f2a44;
    --esmm-muted:       #5b6b86;
    --esmm-soft:        #f1f8f7;
    --esmm-line:        #e3ecea;

    /* Bootstrap primary -> e-SMM turkuazı */
    --bs-primary:     #0d9488;
    --bs-primary-rgb: 13, 148, 136;
}

/* --------------------------------------------------------------------------
   1) Bootstrap bileşenleri
   -------------------------------------------------------------------------- */
.btn-primary {
    --bs-btn-bg:                  #0d9488;
    --bs-btn-border-color:        #0d9488;
    --bs-btn-hover-bg:            #0f766e;
    --bs-btn-hover-border-color:  #0e6b63;
    --bs-btn-focus-shadow-rgb:    45, 212, 191;
    --bs-btn-active-bg:           #0e6b63;
    --bs-btn-active-border-color: #0c5f58;
    --bs-btn-disabled-bg:         #0d9488;
    --bs-btn-disabled-border-color: #0d9488;
}

.btn-outline-primary {
    --bs-btn-color:                 #0d9488;
    --bs-btn-border-color:          #0d9488;
    --bs-btn-hover-bg:              #0d9488;
    --bs-btn-hover-border-color:    #0d9488;
    --bs-btn-focus-shadow-rgb:      13, 148, 136;
    --bs-btn-active-bg:             #0d9488;
    --bs-btn-active-border-color:   #0d9488;
    --bs-btn-disabled-color:        #0d9488;
}

.link-primary { color: #0d9488 !important; }
.progress     { --bs-progress-bar-bg: #0d9488; }

/* --------------------------------------------------------------------------
   2) theme.min.css içindeki sabit mavi (#3454d1) kuralların turkuaz karşılığı
      — aşağıdaki blok theme.min.css'ten türetilmiştir, elle düzenlemeyin.
   -------------------------------------------------------------------------- */
a:hover{color:#0d9488;text-decoration:none}
.text-primary{color:#0d9488!important}
.bg-primary{background-color:#0d9488!important}
.bg-blue{background-color:#0d9488!important}
.border-primary{border-color:#0d9488!important}
.page-header .breadcrumb .breadcrumb-item a:hover{color:#0d9488}
.nxl-header .header-wrapper .nxl-head-link.active,.nxl-header .header-wrapper .nxl-head-link:active,.nxl-header .header-wrapper .nxl-head-link:focus,.nxl-header .header-wrapper .nxl-head-link:hover{color:#0d9488;text-decoration:none;background:#eaebef}
.nxl-header .header-wrapper .nxl-head-link.active .hamburger .hamburger-inner,.nxl-header .header-wrapper .nxl-head-link:active .hamburger .hamburger-inner,.nxl-header .header-wrapper .nxl-head-link:focus .hamburger .hamburger-inner,.nxl-header .header-wrapper .nxl-head-link:hover .hamburger .hamburger-inner{background-color:#0d9488}
.nxl-header .header-wrapper .nxl-head-link.active .hamburger .hamburger-inner::after,.nxl-header .header-wrapper .nxl-head-link.active .hamburger .hamburger-inner::before,.nxl-header .header-wrapper .nxl-head-link:active .hamburger .hamburger-inner::after,.nxl-header .header-wrapper .nxl-head-link:active .hamburger .hamburger-inner::before,.nxl-header .header-wrapper .nxl-head-link:focus .hamburger .hamburger-inner::after,.nxl-header .header-wrapper .nxl-head-link:focus .hamburger .hamburger-inner::before,.nxl-header .header-wrapper .nxl-head-link:hover .hamburger .hamburger-inner::after,.nxl-header .header-wrapper .nxl-head-link:hover .hamburger .hamburger-inner::before{background-color:#0d9488}
.nxl-header .header-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link.active{color:#0d9488;border-bottom:1px solid #0d9488}
.nxl-header .header-wrapper .nxl-header-language .nxl-language-dropdown .language_select.active a:before{top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;content:"✓";color:#0d9488;position:absolute;display:flex;align-items:center;justify-content:center;background-color:#eaebef}
#languageSelectModal .language_select.active a:before{top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;content:"✓";color:#0d9488;position:absolute;display:flex;align-items:center;justify-content:center;background-color:#eaebef}
.chatting-setting .chatting-setting-tabs a.nav-link.active,.chatting-setting .chatting-setting-tabs a.nav-link:hover{color:#0d9488;background-color:#c6cff2}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .point{color:#0d9488}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-works .side-stick{background-color:#0d9488}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .point{color:#0d9488}
.nxl-container.apps-notes .nxl-content .main-content .note-has-grid .single-note-item.note-personal .side-stick{background-color:#0d9488}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-confirm,.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init .tui-full-calendar-popup-edit{color:#fff;background-color:#0d9488!important}
.nxl-container.apps-calendar .nxl-content .main-content #tui-calendar-init [data-calendar-id="1"]{color:#0d9488;background-color:rgba(84,132,227,.15)!important}
.badge.bg-light-primary{color:#0d9488;background:#d7f0ec;border-color:#d7f0ec}
.btn-light-primary{color:#0d9488;background:#d7f0ec;border-color:#d7f0ec}
.btn-light-primary:hover{color:#fff;background:#0d9488;border-color:#0d9488}
.btn-light-primary.focus,.btn-light-primary:focus{color:#fff;background:#0d9488;border-color:#0d9488}
.btn-light-primary:not(:disabled):not(.disabled).active,.btn-light-primary:not(:disabled):not(.disabled):active,.show>.btn-light-primary.dropdown-toggle{color:#fff;background:#0d9488;border-color:#0d9488}
.btn-check:active+.btn-light-primary,.btn-check:checked+.btn-light-primary{background:#0d9488;color:#fff;border-color:#0d9488}
.btn-primary,.btn-primary:hover,.btn.bg-soft-primary:focus,.btn.bg-soft-primary:hover{color:#fff!important;border-color:#0d9488!important;background-color:#0d9488!important}
.card.bg-primary{box-shadow:0 10px 10px -1px rgba(13,148,136,.3)}
.custom-file.active,.custom-file.focus,.custom-file:active,.custom-file:focus,.custom-select.active,.custom-select.focus,.custom-select:active,.custom-select:focus,.form-control.active,.form-control.focus,.form-control:active,.form-control:focus,.form-select.active,.form-select.focus,.form-select:active,.form-select:focus,input.active,input.focus,input:active,input:focus{outline:0;color:#283c50;border-color:#0d9488!important;box-shadow:none!important}
.custom-checkbox .custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#0d9488;background-color:#0d9488}
.form-switch .form-check-input:checked{border-color:#0d9488;background-color:#0d9488}
.nav-tabs-wrapper .nav-tabs-custom-style .nav-item .nav-link.active,.nav-tabs-wrapper .nav-tabs-custom-style .nav-item .nav-link.hover{color:#0d9488;border-bottom:3px solid #0d9488;background-color:rgba(13,148,136,.075);transition:all .3s ease}
.table-responsive .dataTables_paginate .active>.page-link,.table-responsive .dataTables_paginate .page-link.active{color:#fff!important;background-color:#0d9488}
ul.pagination-common-style li a.active,ul.pagination-common-style li a:hover{color:#fff!important;background-color:#0d9488;transition:all .3s ease}
.card-input-element+.card{color:#0d9488;box-shadow:none;border-radius:5px;border:1px dashed #dcdee4;transition:all .3s ease}
.invoice-overview-tab-item .nav-item .nav-link.active,.invoice-overview-tab-item .nav-item .nav-link:hover{color:#0d9488;background-color:rgba(13,148,136,.075)}
.tasks-progress-chart .circle-progress-value{stroke:#0d9488}
.goal-progress-2 .circle-progress-value,.project-progress-2 .circle-progress-value,.team-progress-2 .circle-progress-value{stroke:#0d9488}
.goal-progress .circle-progress-value{stroke-width:5px;stroke:#0d9488;stroke-linecap:round}
.goal-progress .circle-progress-circle{stroke:#fff;stroke-width:10px;fill:rgba(13,148,136,.075)}
.progress-1 .circle-progress-value{stroke:#0d9488}
ul#checklist li.checked:before{top:12px;left:20px;width:6px;height:12px;content:"";position:absolute;border-style:solid;border-color:#0d9488;transform:rotate(45deg);border-width:0 1px 1px 0}
.customers-nav-tabs .nav-item .nav-link.active{color:#0d9488;border-bottom:3px solid #0d9488;background-color:rgba(13,148,136,.075);transition:all .3s ease}
.customers-nav-tabs .nav-item .nav-link.active{color:#0d9488;border-bottom:3px solid #0d9488;background-color:rgba(13,148,136,.075);transition:all .3s ease}
.goal-prigress .circle-progress-value{stroke-width:5px;stroke:#0d9488;stroke-linecap:round}
.goal-prigress .circle-progress-circle{stroke:#fff;stroke-width:15px;fill:rgba(13,148,136,.075)}
.sales-progress-1 .circle-progress-value{stroke:#0d9488}
.lead-progress-1 .circle-progress-value{stroke:#0d9488}
.project-progress-2 .circle-progress-value,.team-progress-2 .circle-progress-value{stroke:#0d9488}
.calendar header .simple-calendar-btn:hover{color:#0d9488;background:#eff0f6}
.calendar .day:hover{border:2px solid #0d9488}
.calendar .day.today{background:#0d9488;color:#fff}
.calendar .day.has-event{color:#0d9488;background:#eff0f6}
.calendar .day.has-event:after{content:"";position:absolute;top:calc(50% + .6em);left:calc(50% - 2px);width:4px;height:4px;border-radius:50%;background:#0d9488}
.calendar .event-container .event{position:relative;width:100%;padding:1em;margin-bottom:1em;background:#0d9488;border-radius:4px;box-sizing:border-box;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.12);text-align:left;color:#fff}
.tasks-progress-chart .circle-progress-value{stroke:#0d9488}
.pace .pace-progress{top:0;right:100%;width:100%;height:3px;z-index:2000;position:fixed;background:#0d9488}
.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted,.select2-container .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected{color:#0d9488;background-color:rgba(84,133,228,.075)}
.circle-progress-value{stroke:#0d9488;stroke-width:3px}
.theme-customizer .customizer-handle .cutomizer-open-trigger{padding:15px;color:#fff;border:1px solid #0d9488;border-radius:6px 0 0 6px;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 15px rgba(40,60,80,.15)}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option input:checked+.options-label:before{top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:9999;display:flex;font-size:12px;color:#0d9488;content:"\f272";position:absolute;align-items:center;cursor:not-allowed;font-weight:400;justify-content:center;transition:all .5s ease;background-color:#ecedf4;font-family:bootstrap-icons!important}
.theme-customizer .customizer-sidebar-wrapper .customizer-sidebar-body .theme-options-set .theme-options-items .single-option.active:before{top:0;right:0;bottom:0;left:5px;width:94%;height:100%;z-index:9999;display:flex;font-size:12px;color:#0d9488;content:"\f272";position:absolute;align-items:center;cursor:not-allowed;font-weight:400;justify-content:center;transition:all .5s ease;background-color:#ecedf4;font-family:bootstrap-icons!important}
html.app-header-dark .nxl-header .header-wrapper .nxl-head-link.active,html.app-header-dark .nxl-header .header-wrapper .nxl-head-link:active,html.app-header-dark .nxl-header .header-wrapper .nxl-head-link:focus,html.app-header-dark .nxl-header .header-wrapper .nxl-head-link:hover{color:#0d9488;background-color:#1c2438!important}
html.app-skin-dark .dropdown-item.active,html.app-skin-dark .dropdown-item:active,html.app-skin-dark .dropdown-item:focus,html.app-skin-dark .dropdown-item:hover{color:#0d9488!important}
html.app-skin-dark .custom-file.active,html.app-skin-dark .custom-file:active,html.app-skin-dark .custom-file:focus,html.app-skin-dark .custom-file:hover,html.app-skin-dark .custom-select.active,html.app-skin-dark .custom-select:active,html.app-skin-dark .custom-select:focus,html.app-skin-dark .custom-select:hover,html.app-skin-dark .form-control.active,html.app-skin-dark .form-control:active,html.app-skin-dark .form-control:focus,html.app-skin-dark .form-control:hover,html.app-skin-dark .form-select.active,html.app-skin-dark .form-select:active,html.app-skin-dark .form-select:focus,html.app-skin-dark .form-select:hover,html.app-skin-dark input.active,html.app-skin-dark input:active,html.app-skin-dark input:focus,html.app-skin-dark input:hover,html.app-skin-dark textarea.active,html.app-skin-dark textarea:active,html.app-skin-dark textarea:focus,html.app-skin-dark textarea:hover{border-color:#0d9488!important}
html.app-skin-dark .bg-primary{background-color:#0d9488!important}
html.app-skin-dark .bg-soft-primary{background-color:rgba(13,148,136,.075)!important}
html.app-skin-dark .text-primary{color:#0d9488!important}
html.app-skin-dark .border-primary{border-color:#0d9488!important}
html.app-skin-dark .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed){color:#0d9488;background-color:#1c2438}
html.app-skin-dark .dropdown .dropdown-menu .dropdown-item.active i.bg-gray-500,html.app-skin-dark .dropdown .dropdown-menu .dropdown-item:active i.bg-gray-500,html.app-skin-dark .dropdown .dropdown-menu .dropdown-item:focus i.bg-gray-500,html.app-skin-dark .dropdown .dropdown-menu .dropdown-item:hover i.bg-gray-500{background-color:#0d9488!important}
html.app-skin-dark .nav-item .nav-link.active,html.app-skin-dark .nav-item .nav-link:hover{color:#0d9488;background-color:#1c2438!important}
html.app-skin-dark .customers-nav-tabs .nav-item .nav-link.active,html.app-skin-dark .customers-nav-tabs .nav-item .nav-link.hover,html.app-skin-dark .nav-tabs-custom-style .nav-item .nav-link.active,html.app-skin-dark .nav-tabs-custom-style .nav-item .nav-link.hover{color:#0d9488!important;border-bottom-color:#0d9488!important;border-color:#1b2436;background-color:#1c2438}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link.active,html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs .nav-link:hover{color:#0d9488;background-color:#1c2438}
html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link.active,html.app-skin-dark .nxl-header .header-wrapper .header-left .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link:hover{color:#0d9488}
@media (max-width:767.98px){.nxl-container .nxl-content .page-content-left-navigation-wrapper .nav-tabs-custom-style .nav-item .nav-link.active,.nxl-container .nxl-content .page-content-left-navigation-wrapper .nav-tabs-custom-style .nav-item .nav-link:hover{border-bottom:0;border-left:3px solid #0d9488!important}}
@media (max-width:991.98px){.nxl-header .header-wrapper .header-left .nxl-lavel-mega-menu .nxl-lavel-mega-menu-wrapper .nxl-mega-menu .nxl-h-dropdown .nxl-mega-menu-tabs-content .nxl-mega-menu-miscellaneous .nxl-mega-menu-miscellaneous-tabs .nav-item .nav-link.active{border-bottom:none;border-left:1px solid #0d9488}}

/* --------------------------------------------------------------------------
   3) Logo (sol menü)
   -------------------------------------------------------------------------- */
.nxl-navigation .m-header .logo-lg { width: 152px; }
.nxl-navigation .m-header .logo-sm { width: 40px; }

/* Koyu temalarda invert yerine beyaz logo sürümü */
html.app-navigation-dark .nxl-navigation .m-header .logo-lg,
html.app-header-dark     .nxl-navigation .m-header .logo-lg,
html.app-skin-dark       .nxl-navigation .m-header .logo-lg {
    filter: none;
    content: url("../images/esmm-logo-white.png");
}

/* --------------------------------------------------------------------------
   4) Giriş / şifre ekranı kapak paneli
   -------------------------------------------------------------------------- */
.esmm-cover {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(900px 520px at 12% 8%,  rgba(45, 212, 191, .22), transparent 62%),
        radial-gradient(760px 620px at 96% 92%, rgba(13, 148, 136, .30), transparent 60%),
        linear-gradient(140deg, #0a2540 0%, #0d3b47 48%, #0f766e 100%);
}

/* İnce ızgara dokusu */
.esmm-cover::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .045) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: radial-gradient(70% 60% at 50% 45%, #000 40%, transparent 100%);
    -webkit-mask-image: radial-gradient(70% 60% at 50% 45%, #000 40%, transparent 100%);
    pointer-events: none;
}

.esmm-cover .auth-img {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 600px;
    padding: 48px 32px;
    text-align: center;
}

.esmm-cover-logo {
    width: 186px;
    max-width: 60%;
    height: auto;
    margin-bottom: 26px;
}

.esmm-cover-title {
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 12px;
}

.esmm-cover-lead {
    color: rgba(255, 255, 255, .74);
    font-size: 13.5px;
    line-height: 1.75;
    max-width: 480px;
    margin: 0 auto 30px;
}

.esmm-cover-visual {
    width: 100%;
    max-width: 540px;
    height: auto;
    border-radius: 0;
    filter: drop-shadow(0 24px 40px rgba(2, 18, 24, .45));
}

.esmm-cover-points {
    list-style: none;
    padding: 0;
    margin: 30px 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.esmm-cover-points li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d6f2ee;
    font-size: 11.5px;
    font-weight: 600;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 40px;
    padding: 7px 14px;
}

.esmm-cover-points li::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #2dd4bf;
    flex: 0 0 auto;
}

/* Giriş kartı */
.esmm-auth-logo { width: 168px; height: auto; }

.esmm-auth-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    font-weight: 600;
    color: #0f766e;
    background: #e3f7f4;
    border-radius: 40px;
    padding: 5px 12px;
}

@media (max-width: 1199.98px) {
    .esmm-cover .auth-img { padding: 32px 20px; }
    .esmm-cover-title     { font-size: 22px; }
}