/* Variables */
:root {
    --cvss-badge-text-color: rgb(49, 50, 51);
    --cvss-badge-text-color-uncertain: rgb(49, 50, 51, 0.75);
    --cvss-badge-bg-color-critical: rgb(225, 114, 225);
    --cvss-badge-bg-color-critical-uncertain: rgb(225, 114, 225, 0.75);
    --cvss-badge-bg-color-high: rgb(255, 117, 117);
    --cvss-badge-bg-color-high-uncertain: rgb(255, 117, 117, 0.75);
    --cvss-badge-bg-color-medium: rgb(253, 205, 114);
    --cvss-badge-bg-color-medium-uncertain: rgb(253, 205, 114, 0.75);
    --cvss-badge-bg-color-low: rgb(255, 255, 162);
    --cvss-badge-bg-color-low-uncertain: rgb(255, 255, 162, 0.75);
    --cvss-badge-bg-color-na: rgb(150, 150, 150);
    --cvss-badge-bg-color-na-uncertain: rgb(150, 150, 150, 0.75);
    --color-expl: 0.5374 0.21482051691771167 14.844751311489949;
}

@supports not (color: oklch(0 0 0)) {
    :root {
        --fallback-color-expl: #cc0044;
    }
}


/* Styled vulnerability table row (adapted from DaisyUI CSS) */
tr.uncertain-vuln td {
    color: var(--fallback-bc,oklch(var(--bc)/0.75));
    background-color: var(--fallback-wa,oklch(var(--wa)/0.15));
}
tr.exploited-vuln td {
    background-color: var(--fallback-color-expl,oklch(var(--color-expl)/0.15));
}
tr.patched-vuln td {
    color: var(--fallback-bc,oklch(var(--bc)/0.75));
    background-color: var(--fallback-color-patched,oklch(var(--in)/0.25));
}
.text-exploited {
    --tw-text-opacity: 1;
    color: var(--fallback-color-expl,oklch(var(--color-expl)/var(--tw-text-opacity)));
}
.patched-vuln {
    --tw-text-opacity: 1;
}
.vuln-flag-icon {
    font-size: 0.95rem;
}


/* Vuln CVSS badges */
.badge-cvss {
    color: var(--cvss-badge-text-color);
}

.badge-critical {
    background-color: var(--cvss-badge-bg-color-critical);
}
.badge-critical.uncertain-vuln {
    background-color: var(--cvss-badge-bg-color-critical-uncertain);
}
.badge-high {
    background-color: var(--cvss-badge-bg-color-high);
}
.badge-high.uncertain-vuln {
    background-color: var(--cvss-badge-bg-color-high-uncertain);
}
.badge-medium {
    background-color: var(--cvss-badge-bg-color-medium);
}
.badge-medium.uncertain-vuln {
    background-color: var(--cvss-badge-bg-color-medium-uncertain);
}
.badge-low {
    background-color: var(--cvss-badge-bg-color-low);
}
.badge-low.uncertain-vuln {
    background-color: var(--cvss-badge-bg-color-low-uncertain);
}
.badge-na {
    background-color: var(--cvss-badge-bg-color-na);
}
.badge-na.uncertain-vuln {
    background-color: var(--cvss-badge-bg-color-na-uncertain);
}


/* Rounded table */

.table-rounded thead tr th:first-child {
    border-radius: 0.8rem 0 0 0;
}

.table-rounded thead tr th:last-child {
    border-radius: 0 0.8rem 0 0;
}

.table-rounded thead tr th:first-child:last-child {
    border-radius: 0.8rem 0.8rem 0 0;
}

.table-rounded tr:last-child td:first-child {
    border-radius: 0 0 0 0.8rem;
}

.table-rounded tr:last-child td:last-child {
    border-radius: 0 0 0.8rem 0;
}

.table-rounded tr:last-child td:first-child:last-child {
    border-radius: 0 0 0.8rem 0.8rem;
}


/* Overwrite Tailwind striping for styled-vuln table row */
.my-table-zebra tbody tr:nth-child(even):not(.uncertain-vuln):not(.exploited-vuln):not(.patched-vuln) td {
  --tw-bg-opacity: 1;
  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
}

/* Force hover on menu item (from DaisyUI) */
.my-menu-item-hover {
    /* use !important to overwrite DaisyUI mouse hover styling */
    background-color: var(--fallback-bc,oklch(var(--bc)/0.18)) !important;
}

/* reCAPTCHA v2 box remove white border */
.g-recaptcha {
    overflow:hidden;
    width:302px;
    height:76px;
}

/* Smaller button */
.btn-circle:where(.btn-xxs) {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 9999px;
    padding: 0px;
}

.btn-xxs {
    height: 1.2rem;
    min-height: 1.2rem;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    font-size: 0.7rem;
}

.btn-square:where(.btn-xxs) {
    height: 1.2rem;
    width: 1.2rem;
    padding: 0px;
}

.btn-copy-md {
    height: 1.4rem;
    min-height: 1.4rem;
}

/* misc */
.text-smxs {
    font-size: 0.825rem;
    line-height: 1.125rem;
}

.text-version-badge {
    font-size: 0.825rem;
    line-height: 1.5rem;
}

.dont-break-out {  /* from https://stackoverflow.com/a/50777367 */
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
}

/* Vertical scrollbar styles for WebKit browsers (Chrome, Safari) */
.overflow-y-auto::-webkit-scrollbar {
    width: 0.45rem !important; /* Width for the vertical scrollbar */
}

.overflow-y-auto::-webkit-scrollbar-track {
    border-radius: 0.2rem !important;
    background: transparent; /* Transparent background to simulate margin */
    margin-top: 0.55rem; /* Adjust to desired top margin */
    margin-bottom: 0.55rem; /* Adjust to desired bottom margin */
}

.overflow-y-auto::-webkit-scrollbar-thumb {
    border-radius: 0.5rem !important;
    background-color: oklch(var(--bc)) !important;
    box-shadow: inset 0 0 0 0.55rem; /* Simulate the margin with shadow */
}