/*

Theme Name: Bootstrap

Theme Version: v1

Author: OmitraPanel

Theme Type: 1

*/


/* Çoklu renk seçimi sistemi - varsayılan siyah, navbar dahil tüm vurgu alanları seçilen renge bağlı */

:root {
    --theme-page-bg: #efefef;
}

:root,
html[data-theme-color="black"] {
    --theme-primary: #111827;
    --theme-primary-hover: #292f3d;
    --theme-primary-rgb: 17, 24, 39;
    --theme-primary-soft: #e2e3e5;
    --theme-nav: #101725;
    --theme-nav-hover: #0e131f;
    --theme-nav-brand: #090d15;
    --theme-nav-border: rgba(17, 24, 39, .45);
}

html[data-theme-color="midnight"] {
    --theme-primary: #020617;
    --theme-primary-hover: #1b1f2e;
    --theme-primary-rgb: 2, 6, 23;
    --theme-primary-soft: #e1e1e3;
    --theme-nav: #020616;
    --theme-nav-hover: #020512;
    --theme-nav-brand: #01030d;
    --theme-nav-border: rgba(2, 6, 23, .45);
}

html[data-theme-color="charcoal"] {
    --theme-primary: #171717;
    --theme-primary-hover: #2e2e2e;
    --theme-primary-rgb: 23, 23, 23;
    --theme-primary-soft: #e3e3e3;
    --theme-nav: #161616;
    --theme-nav-hover: #121212;
    --theme-nav-brand: #0d0d0d;
    --theme-nav-border: rgba(23, 23, 23, .45);
}

html[data-theme-color="graphite"] {
    --theme-primary: #374151;
    --theme-primary-hover: #2e3744;
    --theme-primary-rgb: 55, 65, 81;
    --theme-primary-soft: #e7e8ea;
    --theme-nav: #343e4d;
    --theme-nav-hover: #2c3441;
    --theme-nav-brand: #1e242d;
    --theme-nav-border: rgba(55, 65, 81, .45);
}

html[data-theme-color="slate"] {
    --theme-primary: #475569;
    --theme-primary-hover: #3c4758;
    --theme-primary-rgb: 71, 85, 105;
    --theme-primary-soft: #e9ebed;
    --theme-nav: #435164;
    --theme-nav-hover: #394454;
    --theme-nav-brand: #272f3a;
    --theme-nav-border: rgba(71, 85, 105, .45);
}

html[data-theme-color="zinc"] {
    --theme-primary: #52525b;
    --theme-primary-hover: #45454c;
    --theme-primary-rgb: 82, 82, 91;
    --theme-primary-soft: #eaeaeb;
    --theme-nav: #4e4e56;
    --theme-nav-hover: #424249;
    --theme-nav-brand: #2d2d32;
    --theme-nav-border: rgba(82, 82, 91, .45);
}

html[data-theme-color="stone"] {
    --theme-primary: #57534e;
    --theme-primary-hover: #494642;
    --theme-primary-rgb: 87, 83, 78;
    --theme-primary-soft: #ebeaea;
    --theme-nav: #534f4a;
    --theme-nav-hover: #46423e;
    --theme-nav-brand: #302e2b;
    --theme-nav-border: rgba(87, 83, 78, .45);
}

html[data-theme-color="blue"] {
    --theme-primary: #2f80d1;
    --theme-primary-hover: #276cb0;
    --theme-primary-rgb: 47, 128, 209;
    --theme-primary-soft: #e6f0f9;
    --theme-nav: #215a92;
    --theme-nav-hover: #194571;
    --theme-nav-brand: #12314f;
    --theme-nav-border: rgba(47, 128, 209, .45);
}

html[data-theme-color="sky"] {
    --theme-primary: #0ea5e9;
    --theme-primary-hover: #0c8bc4;
    --theme-primary-rgb: 14, 165, 233;
    --theme-primary-soft: #e2f4fc;
    --theme-nav: #0a73a3;
    --theme-nav-hover: #08597e;
    --theme-nav-brand: #053f59;
    --theme-nav-border: rgba(14, 165, 233, .45);
}

html[data-theme-color="cyan"] {
    --theme-primary: #06b6d4;
    --theme-primary-hover: #0599b2;
    --theme-primary-rgb: 6, 182, 212;
    --theme-primary-soft: #e1f6fa;
    --theme-nav: #047f94;
    --theme-nav-hover: #036272;
    --theme-nav-brand: #024551;
    --theme-nav-border: rgba(6, 182, 212, .45);
}

html[data-theme-color="aqua"] {
    --theme-primary: #00bcd4;
    --theme-primary-hover: #009eb2;
    --theme-primary-rgb: 0, 188, 212;
    --theme-primary-soft: #e0f7fa;
    --theme-nav: #008494;
    --theme-nav-hover: #006672;
    --theme-nav-brand: #004751;
    --theme-nav-border: rgba(0, 188, 212, .45);
}

html[data-theme-color="ocean"] {
    --theme-primary: #0369a1;
    --theme-primary-hover: #035887;
    --theme-primary-rgb: 3, 105, 161;
    --theme-primary-soft: #e1edf4;
    --theme-nav: #024a71;
    --theme-nav-hover: #023957;
    --theme-nav-brand: #01283d;
    --theme-nav-border: rgba(3, 105, 161, .45);
}

html[data-theme-color="azure"] {
    --theme-primary: #0284c7;
    --theme-primary-hover: #026fa7;
    --theme-primary-rgb: 2, 132, 199;
    --theme-primary-soft: #e1f0f8;
    --theme-nav: #015c8b;
    --theme-nav-hover: #01476b;
    --theme-nav-brand: #01324c;
    --theme-nav-border: rgba(2, 132, 199, .45);
}

html[data-theme-color="royal"] {
    --theme-primary: #2563eb;
    --theme-primary-hover: #1f53c5;
    --theme-primary-rgb: 37, 99, 235;
    --theme-primary-soft: #e5ecfd;
    --theme-nav: #1a45a4;
    --theme-nav-hover: #14357f;
    --theme-nav-brand: #0e2659;
    --theme-nav-border: rgba(37, 99, 235, .45);
}

html[data-theme-color="navy"] {
    --theme-primary: #1e3a8a;
    --theme-primary-hover: #193174;
    --theme-primary-rgb: 30, 58, 138;
    --theme-primary-soft: #e4e7f1;
    --theme-nav: #1c3783;
    --theme-nav-hover: #182e6e;
    --theme-nav-brand: #10204c;
    --theme-nav-border: rgba(30, 58, 138, .45);
}

html[data-theme-color="indigo"] {
    --theme-primary: #4f46e5;
    --theme-primary-hover: #423bc0;
    --theme-primary-rgb: 79, 70, 229;
    --theme-primary-soft: #eae9fc;
    --theme-nav: #4b42da;
    --theme-nav-hover: #3f38b7;
    --theme-nav-brand: #2b267e;
    --theme-nav-border: rgba(79, 70, 229, .45);
}

html[data-theme-color="teal"] {
    --theme-primary: #14b8a6;
    --theme-primary-hover: #119b8b;
    --theme-primary-rgb: 20, 184, 166;
    --theme-primary-soft: #e3f6f4;
    --theme-nav: #0e8174;
    --theme-nav-hover: #0b635a;
    --theme-nav-brand: #08463f;
    --theme-nav-border: rgba(20, 184, 166, .45);
}

html[data-theme-color="petrol"] {
    --theme-primary: #0f766e;
    --theme-primary-hover: #0d635c;
    --theme-primary-rgb: 15, 118, 110;
    --theme-primary-soft: #e2efee;
    --theme-nav: #0a534d;
    --theme-nav-hover: #08403b;
    --theme-nav-brand: #062d2a;
    --theme-nav-border: rgba(15, 118, 110, .45);
}

html[data-theme-color="mint"] {
    --theme-primary: #10b981;
    --theme-primary-hover: #0d9b6c;
    --theme-primary-rgb: 16, 185, 129;
    --theme-primary-soft: #e2f7f0;
    --theme-nav: #0b825a;
    --theme-nav-hover: #096446;
    --theme-nav-brand: #064631;
    --theme-nav-border: rgba(16, 185, 129, .45);
}

html[data-theme-color="emerald"] {
    --theme-primary: #059669;
    --theme-primary-hover: #047e58;
    --theme-primary-rgb: 5, 150, 105;
    --theme-primary-soft: #e1f2ed;
    --theme-nav: #04694a;
    --theme-nav-hover: #035139;
    --theme-nav-brand: #023928;
    --theme-nav-border: rgba(5, 150, 105, .45);
}

html[data-theme-color="jade"] {
    --theme-primary: #00a86b;
    --theme-primary-hover: #008d5a;
    --theme-primary-rgb: 0, 168, 107;
    --theme-primary-soft: #e0f5ed;
    --theme-nav: #00764b;
    --theme-nav-hover: #005b3a;
    --theme-nav-brand: #004029;
    --theme-nav-border: rgba(0, 168, 107, .45);
}

html[data-theme-color="green"] {
    --theme-primary: #16a34a;
    --theme-primary-hover: #12893e;
    --theme-primary-rgb: 22, 163, 74;
    --theme-primary-soft: #e3f4e9;
    --theme-nav: #0f7234;
    --theme-nav-hover: #0c5828;
    --theme-nav-brand: #083e1c;
    --theme-nav-border: rgba(22, 163, 74, .45);
}

html[data-theme-color="forest"] {
    --theme-primary: #166534;
    --theme-primary-hover: #12552c;
    --theme-primary-rgb: 22, 101, 52;
    --theme-primary-soft: #e3ede7;
    --theme-nav: #156031;
    --theme-nav-hover: #12512a;
    --theme-nav-brand: #0c381d;
    --theme-nav-border: rgba(22, 101, 52, .45);
}

html[data-theme-color="leaf"] {
    --theme-primary: #22c55e;
    --theme-primary-hover: #1da54f;
    --theme-primary-rgb: 34, 197, 94;
    --theme-primary-soft: #e4f8ec;
    --theme-nav: #188a42;
    --theme-nav-hover: #126a33;
    --theme-nav-brand: #0d4b24;
    --theme-nav-border: rgba(34, 197, 94, .45);
}

html[data-theme-color="lime"] {
    --theme-primary: #65a30d;
    --theme-primary-hover: #55890b;
    --theme-primary-rgb: 101, 163, 13;
    --theme-primary-soft: #edf4e2;
    --theme-nav: #477209;
    --theme-nav-hover: #375807;
    --theme-nav-brand: #263e05;
    --theme-nav-border: rgba(101, 163, 13, .45);
}

html[data-theme-color="olive"] {
    --theme-primary: #6b8e23;
    --theme-primary-hover: #5a771d;
    --theme-primary-rgb: 107, 142, 35;
    --theme-primary-soft: #edf1e5;
    --theme-nav: #4b6318;
    --theme-nav-hover: #3a4d13;
    --theme-nav-brand: #29360d;
    --theme-nav-border: rgba(107, 142, 35, .45);
}

html[data-theme-color="yellow"] {
    --theme-primary: #eab308;
    --theme-primary-hover: #c59607;
    --theme-primary-rgb: 234, 179, 8;
    --theme-primary-soft: #fcf6e1;
    --theme-nav: #a47d06;
    --theme-nav-hover: #7e6104;
    --theme-nav-brand: #594403;
    --theme-nav-border: rgba(234, 179, 8, .45);
}

html[data-theme-color="amber"] {
    --theme-primary: #f59e0b;
    --theme-primary-hover: #ce8509;
    --theme-primary-rgb: 245, 158, 11;
    --theme-primary-soft: #fef3e2;
    --theme-nav: #ac6f08;
    --theme-nav-hover: #845506;
    --theme-nav-brand: #5d3c04;
    --theme-nav-border: rgba(245, 158, 11, .45);
}

html[data-theme-color="gold"] {
    --theme-primary: #d4af37;
    --theme-primary-hover: #b2932e;
    --theme-primary-rgb: 212, 175, 55;
    --theme-primary-soft: #faf5e7;
    --theme-nav: #947a26;
    --theme-nav-hover: #725e1e;
    --theme-nav-brand: #514215;
    --theme-nav-border: rgba(212, 175, 55, .45);
}

html[data-theme-color="mustard"] {
    --theme-primary: #ca8a04;
    --theme-primary-hover: #aa7403;
    --theme-primary-rgb: 202, 138, 4;
    --theme-primary-soft: #f9f1e1;
    --theme-nav: #8d6103;
    --theme-nav-hover: #6d4b02;
    --theme-nav-brand: #4d3402;
    --theme-nav-border: rgba(202, 138, 4, .45);
}

html[data-theme-color="orange"] {
    --theme-primary: #f97316;
    --theme-primary-hover: #d16112;
    --theme-primary-rgb: 249, 115, 22;
    --theme-primary-soft: #feeee3;
    --theme-nav: #ae500f;
    --theme-nav-hover: #863e0c;
    --theme-nav-brand: #5f2c08;
    --theme-nav-border: rgba(249, 115, 22, .45);
}

html[data-theme-color="pumpkin"] {
    --theme-primary: #ea580c;
    --theme-primary-hover: #c54a0a;
    --theme-primary-rgb: 234, 88, 12;
    --theme-primary-soft: #fcebe2;
    --theme-nav: #a43e08;
    --theme-nav-hover: #7e3006;
    --theme-nav-brand: #592105;
    --theme-nav-border: rgba(234, 88, 12, .45);
}

html[data-theme-color="coral"] {
    --theme-primary: #ff5a3c;
    --theme-primary-hover: #d64c32;
    --theme-primary-rgb: 255, 90, 60;
    --theme-primary-soft: #ffebe8;
    --theme-nav: #b23f2a;
    --theme-nav-hover: #8a3120;
    --theme-nav-brand: #612217;
    --theme-nav-border: rgba(255, 90, 60, .45);
}

html[data-theme-color="copper"] {
    --theme-primary: #b87333;
    --theme-primary-hover: #9b612b;
    --theme-primary-rgb: 184, 115, 51;
    --theme-primary-soft: #f6eee7;
    --theme-nav: #815024;
    --theme-nav-hover: #633e1c;
    --theme-nav-brand: #462c13;
    --theme-nav-border: rgba(184, 115, 51, .45);
}

html[data-theme-color="bronze"] {
    --theme-primary: #b45309;
    --theme-primary-hover: #974608;
    --theme-primary-rgb: 180, 83, 9;
    --theme-primary-soft: #f6eae1;
    --theme-nav: #7e3a06;
    --theme-nav-hover: #612d05;
    --theme-nav-brand: #442003;
    --theme-nav-border: rgba(180, 83, 9, .45);
}

html[data-theme-color="brown"] {
    --theme-primary: #92400e;
    --theme-primary-hover: #7b360c;
    --theme-primary-rgb: 146, 64, 14;
    --theme-primary-soft: #f2e8e2;
    --theme-nav: #8b3d0d;
    --theme-nav-hover: #75330b;
    --theme-nav-brand: #502308;
    --theme-nav-border: rgba(146, 64, 14, .45);
}

html[data-theme-color="coffee"] {
    --theme-primary: #7c2d12;
    --theme-primary-hover: #68260f;
    --theme-primary-rgb: 124, 45, 18;
    --theme-primary-soft: #efe6e3;
    --theme-nav: #762b11;
    --theme-nav-hover: #63240e;
    --theme-nav-brand: #44190a;
    --theme-nav-border: rgba(124, 45, 18, .45);
}

html[data-theme-color="red"] {
    --theme-primary: #dc2626;
    --theme-primary-hover: #b92020;
    --theme-primary-rgb: 220, 38, 38;
    --theme-primary-soft: #fbe5e5;
    --theme-nav: #9a1b1b;
    --theme-nav-hover: #771515;
    --theme-nav-brand: #540e0e;
    --theme-nav-border: rgba(220, 38, 38, .45);
}

html[data-theme-color="brick"] {
    --theme-primary: #b91c1c;
    --theme-primary-hover: #9b1818;
    --theme-primary-rgb: 185, 28, 28;
    --theme-primary-soft: #f7e4e4;
    --theme-nav: #b01b1b;
    --theme-nav-hover: #941616;
    --theme-nav-brand: #660f0f;
    --theme-nav-border: rgba(185, 28, 28, .45);
}

html[data-theme-color="crimson"] {
    --theme-primary: #be123c;
    --theme-primary-hover: #a00f32;
    --theme-primary-rgb: 190, 18, 60;
    --theme-primary-soft: #f7e3e8;
    --theme-nav: #b41139;
    --theme-nav-hover: #980e30;
    --theme-nav-brand: #690a21;
    --theme-nav-border: rgba(190, 18, 60, .45);
}

html[data-theme-color="rose"] {
    --theme-primary: #e11d48;
    --theme-primary-hover: #bd183c;
    --theme-primary-rgb: 225, 29, 72;
    --theme-primary-soft: #fbe4e9;
    --theme-nav: #9e1432;
    --theme-nav-hover: #7a1027;
    --theme-nav-brand: #560b1b;
    --theme-nav-border: rgba(225, 29, 72, .45);
}

html[data-theme-color="wine"] {
    --theme-primary: #7f1734;
    --theme-primary-hover: #6b132c;
    --theme-primary-rgb: 127, 23, 52;
    --theme-primary-soft: #f0e3e7;
    --theme-nav: #791631;
    --theme-nav-hover: #66122a;
    --theme-nav-brand: #460d1d;
    --theme-nav-border: rgba(127, 23, 52, .45);
}

html[data-theme-color="burgundy"] {
    --theme-primary: #7f1d1d;
    --theme-primary-hover: #6b1818;
    --theme-primary-rgb: 127, 29, 29;
    --theme-primary-soft: #f0e4e4;
    --theme-nav: #791c1c;
    --theme-nav-hover: #661717;
    --theme-nav-brand: #461010;
    --theme-nav-border: rgba(127, 29, 29, .45);
}

html[data-theme-color="pink"] {
    --theme-primary: #db2777;
    --theme-primary-hover: #b82164;
    --theme-primary-rgb: 219, 39, 119;
    --theme-primary-soft: #fbe5ef;
    --theme-nav: #991b53;
    --theme-nav-hover: #761540;
    --theme-nav-brand: #530f2d;
    --theme-nav-border: rgba(219, 39, 119, .45);
}

html[data-theme-color="raspberry"] {
    --theme-primary: #be185d;
    --theme-primary-hover: #a0144e;
    --theme-primary-rgb: 190, 24, 93;
    --theme-primary-soft: #f7e3ec;
    --theme-nav: #851141;
    --theme-nav-hover: #670d32;
    --theme-nav-brand: #480923;
    --theme-nav-border: rgba(190, 24, 93, .45);
}

html[data-theme-color="fuchsia"] {
    --theme-primary: #c026d3;
    --theme-primary-hover: #a120b1;
    --theme-primary-rgb: 192, 38, 211;
    --theme-primary-soft: #f7e5fa;
    --theme-nav: #861b94;
    --theme-nav-hover: #681572;
    --theme-nav-brand: #490e50;
    --theme-nav-border: rgba(192, 38, 211, .45);
}

html[data-theme-color="magenta"] {
    --theme-primary: #d946ef;
    --theme-primary-hover: #b63bc9;
    --theme-primary-rgb: 217, 70, 239;
    --theme-primary-soft: #fae9fd;
    --theme-nav: #9831a7;
    --theme-nav-hover: #752681;
    --theme-nav-brand: #521b5b;
    --theme-nav-border: rgba(217, 70, 239, .45);
}

html[data-theme-color="purple"] {
    --theme-primary: #7c3aed;
    --theme-primary-hover: #6831c7;
    --theme-primary-rgb: 124, 58, 237;
    --theme-primary-soft: #efe7fd;
    --theme-nav: #5729a6;
    --theme-nav-hover: #431f80;
    --theme-nav-brand: #2f165a;
    --theme-nav-border: rgba(124, 58, 237, .45);
}

html[data-theme-color="violet"] {
    --theme-primary: #8b5cf6;
    --theme-primary-hover: #754dcf;
    --theme-primary-rgb: 139, 92, 246;
    --theme-primary-soft: #f1ebfe;
    --theme-nav: #6140ac;
    --theme-nav-hover: #4b3285;
    --theme-nav-brand: #35235d;
    --theme-nav-border: rgba(139, 92, 246, .45);
}

html[data-theme-color="lavender"] {
    --theme-primary: #a78bfa;
    --theme-primary-hover: #8c75d2;
    --theme-primary-rgb: 167, 139, 250;
    --theme-primary-soft: #f4f1fe;
    --theme-nav: #7561af;
    --theme-nav-hover: #5a4b87;
    --theme-nav-brand: #3f355f;
    --theme-nav-border: rgba(167, 139, 250, .45);
}

html[data-theme-color="grape"] {
    --theme-primary: #6d28d9;
    --theme-primary-hover: #5c22b6;
    --theme-primary-rgb: 109, 40, 217;
    --theme-primary-soft: #ede5fa;
    --theme-nav: #6826ce;
    --theme-nav-hover: #5720ae;
    --theme-nav-brand: #3c1677;
    --theme-nav-border: rgba(109, 40, 217, .45);
}

html[data-theme-color="mauve"] {
    --theme-primary: #9333ea;
    --theme-primary-hover: #7b2bc5;
    --theme-primary-rgb: 147, 51, 234;
    --theme-primary-soft: #f2e7fc;
    --theme-nav: #6724a4;
    --theme-nav-hover: #4f1c7e;
    --theme-nav-brand: #381359;
    --theme-nav-border: rgba(147, 51, 234, .45);
}

.ticket-message {

    word-break: break-word;

}



.ticket-message-block {

    margin-bottom: 15px;

}



.ticket-message-right .ticket-message {

    background: #0084ff;

    border-top-left-radius: 10px;

    border-bottom-left-radius: 10px;

    border-top-right-radius: 10px;

    padding: 15px;

    color: #fff;

}



.ticket-message-left .ticket-message {

    background: #3e4042;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    border-top-left-radius: 10px;

    padding: 15px;

    color: #fff;

}



nav.py-2.bg-body-tertiary.border-bottom {

    background: #f8f8f8 !important;

    padding: 5px !important;

}



.card {

    background: #f8f8f8;

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);

}



.form-label {

    font-weight: 600;

}



.btn-primary {

    background: #337ab7 !important;

    border: unset;

}

div#neworder_description {

    background: white;

}

span.badge.rounded-pill.text-bg-secondary {

    margin-top: 12px;

}

.table th {

    background: #f8f8f8;

}



.table td {

    background: #f8f8f8 !important;

}

.ticket-message {

    background: white !important;

    color: #333 !important;

}

.well {

    background: #f8f8f8;

    padding: 20px;

    border-radius: 8px;

    box-shadow: 0 0 10px 0 #00000030;

}

.well pre {

    background: white !important;

    padding: 20px;

}

.db-error-msg-content {

    display: none;

}
.btn-primary {
    --bs-btn-bg: var(--theme-primary);
    --bs-btn-border-color: var(--theme-primary);
    --bs-btn-hover-bg: var(--theme-primary-hover);
    --bs-btn-hover-border-color: var(--theme-primary-hover);
    --bs-btn-active-bg: var(--theme-primary-hover);
    --bs-btn-active-border-color: var(--theme-primary-hover);
    --bs-btn-disabled-bg: var(--theme-primary);
    --bs-btn-disabled-border-color: var(--theme-primary);
    background: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background: var(--theme-primary-hover) !important;
    border-color: var(--theme-primary-hover) !important;
    color: #fff !important;
}

.btn-primary:focus,
.btn-primary:focus-visible,
.form-control:focus,
.form-select:focus {
    border-color: rgba(var(--theme-primary-rgb), .55) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--theme-primary-rgb), .15) !important;
}

.omx-opt.selected {
    background: var(--theme-primary-soft) !important;
}

.omx-search input:focus {
    border-color: rgba(var(--theme-primary-rgb), .55) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--theme-primary-rgb), .15) !important;
}

.theme-color-switcher {
    position: fixed;
    left: 16px;
    bottom: 16px;
    z-index: 1080;
    font-family: inherit;
}

.theme-color-toggle {
    width: 42px;
    height: 42px;
    border: 0;
    border-radius: 50%;
    background: var(--theme-primary);
    color: #fff;
    box-shadow: 0 8px 24px rgba(0, 0, 0, .18);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.theme-color-toggle:hover,
.theme-color-toggle:focus {
    background: var(--theme-primary-hover);
    color: #fff;
}

.theme-color-panel {
    max-height: min(70vh, 520px);
    overflow-y: auto;
    display: none;
    position: absolute;
    left: 0;
    bottom: 52px;
    min-width: 300px;
    padding: 12px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: 12px;
    box-shadow: 0 12px 35px rgba(0, 0, 0, .18);
}

.theme-color-switcher.active .theme-color-panel {
    display: block;
}

.theme-color-title {
    font-size: 13px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px;
}

.theme-color-options {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 8px;
}

.theme-color-option {
    width: 34px;
    height: 34px;
    border: 2px solid transparent;
    border-radius: 50%;
    padding: 3px;
    background: transparent;
    cursor: pointer;
}

.theme-color-option.is-active {
    border-color: var(--theme-primary);
}

.theme-color-dot {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08);
}

.theme-color-black { background: #111827; }
.theme-color-midnight { background: #020617; }
.theme-color-charcoal { background: #171717; }
.theme-color-graphite { background: #374151; }
.theme-color-slate { background: #475569; }
.theme-color-zinc { background: #52525b; }
.theme-color-stone { background: #57534e; }
.theme-color-blue { background: #2f80d1; }
.theme-color-sky { background: #0ea5e9; }
.theme-color-cyan { background: #06b6d4; }
.theme-color-aqua { background: #00bcd4; }
.theme-color-ocean { background: #0369a1; }
.theme-color-azure { background: #0284c7; }
.theme-color-royal { background: #2563eb; }
.theme-color-navy { background: #1e3a8a; }
.theme-color-indigo { background: #4f46e5; }
.theme-color-teal { background: #14b8a6; }
.theme-color-petrol { background: #0f766e; }
.theme-color-mint { background: #10b981; }
.theme-color-emerald { background: #059669; }
.theme-color-jade { background: #00a86b; }
.theme-color-green { background: #16a34a; }
.theme-color-forest { background: #166534; }
.theme-color-leaf { background: #22c55e; }
.theme-color-lime { background: #65a30d; }
.theme-color-olive { background: #6b8e23; }
.theme-color-yellow { background: #eab308; }
.theme-color-amber { background: #f59e0b; }
.theme-color-gold { background: #d4af37; }
.theme-color-mustard { background: #ca8a04; }
.theme-color-orange { background: #f97316; }
.theme-color-pumpkin { background: #ea580c; }
.theme-color-coral { background: #ff5a3c; }
.theme-color-copper { background: #b87333; }
.theme-color-bronze { background: #b45309; }
.theme-color-brown { background: #92400e; }
.theme-color-coffee { background: #7c2d12; }
.theme-color-red { background: #dc2626; }
.theme-color-brick { background: #b91c1c; }
.theme-color-crimson { background: #be123c; }
.theme-color-rose { background: #e11d48; }
.theme-color-wine { background: #7f1734; }
.theme-color-burgundy { background: #7f1d1d; }
.theme-color-pink { background: #db2777; }
.theme-color-raspberry { background: #be185d; }
.theme-color-fuchsia { background: #c026d3; }
.theme-color-magenta { background: #d946ef; }
.theme-color-purple { background: #7c3aed; }
.theme-color-violet { background: #8b5cf6; }
.theme-color-lavender { background: #a78bfa; }
.theme-color-grape { background: #6d28d9; }
.theme-color-mauve { background: #9333ea; }

@media (max-width: 575.98px) {
    .theme-color-switcher {
        left: 10px;
        bottom: 10px;
    }

    .theme-color-panel {
        min-width: 300px;
    }
}


/* Screenshot-style görünüm + dinamik renk alanları */
html,
body {
    background: var(--theme-page-bg, #efefef) !important;
}

body {
    color: #222;
}

main.my-4 {
    margin-top: 34px !important;
    margin-bottom: 34px !important;
}

.theme-navbar {
    background: #242424 !important;
    border-bottom: 1px solid #303030;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .08);
    padding-top: 0;
    padding-bottom: 0;
}

.theme-navbar .container-fluid {
    padding-left: 0;
    padding-right: 0;
    align-items: stretch;
}

.theme-navbar-brand {
    background: #1b1b1b;
    color: #fff !important;
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 0 18px !important;
    margin-right: 8px;
}

.theme-navbar-brand img {
    max-height: 34px;
    width: auto;
}

.theme-navbar .navbar-toggler {
    margin-right: 12px;
    border-color: rgba(255,255,255,.15);
    background: #1d1d1d;
}

.theme-navbar .navbar-toggler:focus {
    box-shadow: 0 0 0 .2rem rgba(var(--theme-primary-rgb), .25);
}

.theme-navbar .navbar-toggler-icon {
    filter: invert(1);
}

.theme-navbar .navbar-nav {
    align-items: stretch;
}

.theme-nav-link {
    color: #fff !important;
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 0 18px !important;
    border-top: 3px solid transparent;
    transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

.theme-nav-link:hover,
.theme-nav-link:focus,
.theme-nav-link.is-current,
.theme-navbar .show > .theme-nav-link.dropdown-toggle {
    background: #141414;
    border-top-color: var(--theme-primary);
    color: #fff !important;
}

.theme-navbar .dropdown-menu {
    border-radius: 0;
    border: 1px solid #d8d8d8;
    box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

.theme-navbar .dropdown-item:hover,
.theme-navbar .dropdown-item:focus {
    background: var(--theme-primary-soft);
    color: #111;
}

.theme-balance-badge,
span.badge.rounded-pill.text-bg-secondary {
    background: var(--theme-primary) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.14);
    padding: .42rem .8rem;
    font-size: .92rem;
}

.theme-navbar .ms-auto {
    padding-right: 12px;
}

.card,
.well {
    background: #f8f8f8;
    border: 1px solid #d8d8d8;
    border-radius: 0;
    box-shadow: none;
}

.card-header {
    background: #f1f1f1;
    border-bottom: 1px solid #d9d9d9;
    font-weight: 700;
}

.table {
    margin-bottom: 0;
}

.table th {
    background: #f1f1f1;
    border-color: #d9d9d9;
}

.table td {
    background: #fafafa !important;
    border-color: #e0e0e0;
}

.form-control,
.form-select,
select,
textarea,
input,
div#neworder_description {
    border-radius: 0 !important;
    border-color: #cdcdcd !important;
    background: #fff;
}

.form-control:hover,
.form-select:hover {
    border-color: #bcbcbc !important;
}

.form-check-input:checked {
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}

.form-check-input:focus {
    border-color: rgba(var(--theme-primary-rgb), .55);
    box-shadow: 0 0 0 .2rem rgba(var(--theme-primary-rgb), .15);
}

a {
    color: var(--theme-primary);
}

a:hover {
    color: var(--theme-primary-hover);
}

.page-link {
    color: var(--theme-primary);
}

.page-link:hover,
.page-link:focus {
    color: var(--theme-primary-hover);
    background: var(--theme-primary-soft);
    border-color: rgba(var(--theme-primary-rgb), .2);
}

.page-item.active .page-link {
    background: var(--theme-primary);
    border-color: var(--theme-primary);
    color: #fff;
}

.alert-secondary,
.alert-info {
    color: #1f2937;
    background: var(--theme-primary-soft);
    border-color: rgba(var(--theme-primary-rgb), .18);
}

.text-primary {
    color: var(--theme-primary) !important;
}

.badge.bg-primary,
.badge.text-bg-primary {
    background: var(--theme-primary) !important;
}

@media (max-width: 991.98px) {
    .theme-navbar .container-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .theme-navbar-brand {
        min-height: 52px;
        margin-right: 0;
        padding: 0 14px !important;
    }

    .theme-navbar .navbar-collapse {
        background: #202020;
        margin-top: 6px;
        border-top: 1px solid #343434;
        padding-bottom: 10px;
    }

    .theme-nav-link {
        min-height: 46px;
        border-top: 0;
        border-left: 3px solid transparent;
        padding: 0 14px !important;
    }

    .theme-nav-link:hover,
    .theme-nav-link:focus,
    .theme-nav-link.is-current,
    .theme-navbar .show > .theme-nav-link.dropdown-toggle {
        border-left-color: var(--theme-primary);
        border-top-color: transparent;
    }

    .theme-navbar .ms-auto {
        padding-right: 0;
    }
}


/* Seçilen rengin ekranda görünen tüm vurgu alanlarına uygulanması */
.theme-nav-link.is-current,
.theme-nav-link:hover,
.theme-nav-link:focus,
.theme-navbar .show > .theme-nav-link.dropdown-toggle {
    border-top-color: var(--theme-primary) !important;
}

.theme-balance-badge,
span.badge.rounded-pill.text-bg-secondary,
#duyuruBtn,
.theme-color-toggle,
.btn-primary {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: #fff !important;
}

#duyuruBtn:hover,
.theme-color-toggle:hover,
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--theme-primary-hover) !important;
    border-color: var(--theme-primary-hover) !important;
    color: #fff !important;
}

.omx-wrap.active .omx-trigger,
.omx-trigger:focus,
.omx-trigger:hover,
.form-control:focus,
.form-select:focus,
.omx-search input:focus {
    border-color: rgba(var(--theme-primary-rgb), .55) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--theme-primary-rgb), .15) !important;
}

.omx-opt.selected,
.omx-opt:hover {
    background: var(--theme-primary-soft) !important;
}

.theme-color-option.is-active {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--theme-primary-rgb), .14) !important;
}

::selection {
    background: rgba(var(--theme-primary-rgb), .25);
}

/* v5: Üst panel dahil bütün ana renkler seçilen temaya göre değişir */
.theme-navbar {
    background: linear-gradient(90deg, var(--theme-nav-brand) 0%, var(--theme-nav) 42%, var(--theme-nav-hover) 100%) !important;
    border-bottom: 1px solid var(--theme-nav-border) !important;
    box-shadow: 0 2px 12px rgba(var(--theme-primary-rgb), .18) !important;
}

.theme-navbar-brand {
    background: var(--theme-nav-brand) !important;
    color: #fff !important;
}

.theme-navbar .navbar-toggler {
    background: var(--theme-nav-hover) !important;
    border-color: rgba(255,255,255,.20) !important;
}

.theme-nav-link {
    color: #fff !important;
    border-top-color: transparent !important;
}

.theme-nav-link:hover,
.theme-nav-link:focus,
.theme-nav-link.is-current,
.theme-navbar .show > .theme-nav-link.dropdown-toggle {
    background: rgba(0,0,0,.18) !important;
    border-top-color: #fff !important;
    color: #fff !important;
}

.theme-navbar .dropdown-menu {
    border-top: 3px solid var(--theme-primary) !important;
}

.theme-navbar .dropdown-item:hover,
.theme-navbar .dropdown-item:focus {
    background: var(--theme-primary-soft) !important;
    color: #111 !important;
}

.theme-navbar .navbar-collapse.show,
.theme-navbar .navbar-collapse.collapsing {
    background: var(--theme-nav) !important;
}

.theme-balance-badge,
span.badge.rounded-pill.text-bg-secondary,
#duyuruBtn,
.theme-color-toggle,
.btn-primary,
.page-item.active .page-link,
.badge.bg-primary,
.badge.text-bg-primary {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary) !important;
    color: #fff !important;
}

#duyuruBtn:hover,
.theme-color-toggle:hover,
.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--theme-primary-hover) !important;
    border-color: var(--theme-primary-hover) !important;
    color: #fff !important;
}

.form-control:focus,
.form-select:focus,
select:focus,
textarea:focus,
input:focus,
.omx-wrap.active .omx-trigger,
.omx-trigger:focus,
.omx-trigger:hover,
.omx-search input:focus {
    border-color: rgba(var(--theme-primary-rgb), .60) !important;
    box-shadow: 0 0 0 .2rem rgba(var(--theme-primary-rgb), .16) !important;
}

.omx-opt.selected,
.omx-opt:hover,
.page-link:hover,
.page-link:focus,
.alert-secondary,
.alert-info {
    background: var(--theme-primary-soft) !important;
}

a,
.page-link,
.text-primary {
    color: var(--theme-primary) !important;
}

a:hover,
.page-link:hover,
.page-link:focus {
    color: var(--theme-primary-hover) !important;
}

.theme-color-panel {
    min-width: 292px !important;
}

.theme-color-options {
    grid-template-columns: repeat(6, 1fr) !important;
}

.theme-color-option.is-active {
    border-color: var(--theme-primary) !important;
    box-shadow: 0 0 0 3px rgba(var(--theme-primary-rgb), .16) !important;
}

.theme-color-dot {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.10), 0 1px 3px rgba(0,0,0,.14) !important;
}

@media (max-width: 575.98px) {
    .theme-color-panel {
        min-width: 248px !important;
    }

    .theme-color-options {
        grid-template-columns: repeat(5, 1fr) !important;
    }
}



/* v6: Sipariş başarılı kutusu da tema rengine uyar */
.alert-success {
    background: linear-gradient(135deg, var(--theme-primary-soft) 0%, #ffffff 120%) !important;
    border: 1px solid rgba(var(--theme-primary-rgb), .34) !important;
    border-left: 4px solid var(--theme-primary) !important;
    color: #0f172a !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 22px rgba(var(--theme-primary-rgb), .08) !important;
}

.alert-success strong,
.alert-success b {
    color: #020617 !important;
}

.alert-success a {
    color: var(--theme-primary) !important;
    font-weight: 600;
}

.alert-success a:hover {
    color: var(--theme-primary-hover) !important;
}


/* Admin-only color mode safety */
.theme-color-switcher { display: none !important; }


/* Üst menü dil seçici */
.theme-language-item {
    display: flex;
    align-items: center;
    min-height: 58px;
    padding: 0 8px;
}

.theme-language-select {
    height: 30px;
    min-width: 112px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.18);
    background: rgba(255,255,255,.10);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 30px;
    padding: 0 30px 0 12px;
    outline: none;
    cursor: pointer;
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.12);
    transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.theme-language-select:hover,
.theme-language-select:focus {
    background: rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.32);
    box-shadow: 0 0 0 .18rem rgba(var(--theme-primary-rgb), .18);
}

.theme-language-select option {
    color: #111827;
    background: #fff;
    font-weight: 600;
}

#google_translate_element,
.goog-te-banner-frame,
.goog-te-balloon-frame,
.goog-te-gadget,
.goog-te-menu-value,
.goog-te-spinner-pos,
iframe.goog-te-banner-frame {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
}

body {
    top: 0 !important;
}

body > .skiptranslate {
    display: none !important;
}

@media (max-width: 991.98px) {
    .theme-language-item {
        min-height: 46px;
        padding: 8px 14px;
    }

    .theme-language-select {
        width: 100%;
        max-width: 220px;
        height: 34px;
    }
}


/* v9: Admin panelden ayarlanabilir sayfa arka planı */
html,
body {
    background: var(--theme-page-bg, #efefef) !important;
}

main.my-4 {
    background: transparent !important;
}


/* Admin arka plan rengi - en son kural olarak bırakıldı */
html,
body {
    background-color: var(--theme-page-bg, #efefef) !important;
}

main.my-4 {
    background: transparent !important;
}