/* Sentinel Custom Colors - Überschreibt Unfold Defaults */

:root {
    /* Primärfarbe #036DB1 */
    --primary-50: 235 247 253;
    --primary-100: 214 239 251;
    --primary-200: 173 223 247;
    --primary-300: 132 207 243;
    --primary-400: 58 157 214;
    --primary-500: 3 109 177;
    --primary-600: 3 87 142;
    --primary-700: 2 65 106;
    --primary-800: 2 44 71;
    --primary-900: 1 33 53;
    --primary-950: 1 22 35;
}

/* ============================================
   BUTTONS - Speichern, Hinzufügen, etc.
   ============================================ */

/* Alle primären Action-Buttons (AUSSER DNS Delete-Buttons und Save-Buttons) */
button[type="submit"]:not(.dns-delete-btn):not(.save-btn),
input[type="submit"],
.submit-row input[type="submit"],
.button-primary,
a.button-primary {
    background-color: rgb(3 109 177) !important;
    color: white !important;
}

button[type="submit"]:not(.dns-delete-btn):not(.save-btn):hover,
input[type="submit"]:hover,
.submit-row input[type="submit"]:hover,
.button-primary:hover {
    background-color: rgb(3 87 142) !important;
    color: white !important;
}

/* Speichern-Buttons spezifisch */
.submit-row input[name="_save"],
.submit-row input[name="_addanother"],
.submit-row input[name="_continue"] {
    background-color: rgb(3 109 177) !important;
    color: white !important;
}

.submit-row input[name="_save"]:hover,
.submit-row input[name="_addanother"]:hover,
.submit-row input[name="_continue"]:hover {
    background-color: rgb(3 87 142) !important;
    color: white !important;
}

/* ============================================
   USER DROPDOWN - Logout Button
   ============================================ */

/* Logout-Button im User-Dropdown */
#user-tools a,
.user-tools a,
[class*="logout"],
button:contains("Logout"),
a[href*="logout"] {
    color: rgb(3 109 177) !important;
}

#user-tools a:hover,
.user-tools a:hover {
    color: rgb(3 87 142) !important;
}

/* Logout-Button wenn er als Button gestylt ist */
.logout-button,
button.logout {
    background-color: transparent !important;
    color: rgb(3 109 177) !important;
}

/* ============================================
   SUCHFELD - Kein blauer Hintergrund
   ============================================ */

/* Such-Input sollte weißen/transparenten Hintergrund haben */
input[type="search"],
input[name="q"],
.searchbar input,
[class*="search"] input {
    background-color: white !important;
    color: inherit !important;
}

.dark input[type="search"],
.dark input[name="q"],
.dark .searchbar input {
    background-color: rgb(30 41 59) !important;
}

/* Such-Icon Container & Button */
.searchbar,
[class*="search-wrapper"],
.search-icon,
button[class*="search"],
[class*="search"] button,
.searchbar button,
form[role="search"] button {
    background-color: transparent !important;
}

/* Such-Icon selbst */
.search-icon svg,
.searchbar svg,
[class*="search"] svg {
    color: rgb(107 114 128) !important; /* Grau */
}

/* ============================================
   LINKS & TEXT COLORS
   ============================================ */

.text-primary-600,
a.text-primary-600 {
    color: rgb(3 109 177) !important;
}

.text-primary-600:hover,
a.text-primary-600:hover {
    color: rgb(3 87 142) !important;
}

/* ============================================
   BACKGROUNDS
   ============================================ */

.bg-primary-600 {
    background-color: rgb(3 109 177) !important;
}

.bg-primary-600:hover {
    background-color: rgb(3 87 142) !important;
}

/* Active Sidebar Items */
.bg-primary-600\/10 {
    background-color: rgba(3, 109, 177, 0.1) !important;
}

/* ============================================
   FOCUS STATES
   ============================================ */

.focus\:ring-primary-600:focus {
    --tw-ring-color: rgb(3 109 177) !important;
}

.focus\:border-primary-600:focus {
    border-color: rgb(3 109 177) !important;
}

/* ============================================
   CHECKBOXES & FORM ELEMENTS
   ============================================ */

.accent-primary-600,
input[type="checkbox"],
input[type="radio"] {
    accent-color: rgb(3 109 177) !important;
}

/* ============================================
   LOGIN FORM
   ============================================ */

.login form button[type="submit"] {
    background-color: rgb(3 109 177) !important;
    color: white !important;
}

.login form button[type="submit"]:hover {
    background-color: rgb(3 87 142) !important;
    color: white !important;
}

/* ============================================
   SIDEBAR
   ============================================ */

.sidebar .active {
    background-color: rgba(3, 109, 177, 0.1) !important;
    color: rgb(3 109 177) !important;
}

/* ============================================
   DARK MODE SUPPORT
   ============================================ */

.dark .bg-primary-600 {
    background-color: rgb(58 157 214) !important;
}

.dark .text-primary-600 {
    color: rgb(132 207 243) !important;
}

.dark button[type="submit"]:not(.dns-delete-btn):not(.save-btn),
.dark input[type="submit"] {
    background-color: rgb(58 157 214) !important;
    color: white !important;
}

/* ============================================
   DNS MANAGER - DELETE BUTTONS
   ============================================ */

/* Delete-Buttons als einfache rote Links */
.dns-delete-btn {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    color: rgb(220, 38, 38) !important; /* red-600 */
    text-decoration: none !important;
    font-size: 0.875rem !important;
    font-weight: normal !important;
    box-shadow: none !important;
}

.dns-delete-btn:hover {
    color: rgb(153, 27, 27) !important; /* red-800 */
}

.dark .dns-delete-btn {
    color: rgb(248, 113, 113) !important; /* red-400 */
}

.dark .dns-delete-btn:hover {
    color: rgb(252, 165, 165) !important; /* red-300 */
}