/* Strata light theme.
 *
 * GNOME Shell loads this instead of stylesheet-dark.css when the system color
 * scheme is light. It imports the dark base and overrides the colors below, so
 * the overrides win by load order. Colors follow GNOME Adwaita (blue #3584e4,
 * link #1a5fb4, amber, red #e01b24), picked for contrast on a light panel.
 */

@import url("stylesheet-dark.css");

.strata-panel {
    background-color: rgba(250, 250, 250, 0.98);
    border-color: rgba(0, 0, 0, 0.14);
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28);
}

.strata-title {
    color: rgba(0, 0, 0, 0.87);
}

.strata-clear-btn {
    border-color: rgba(0, 0, 0, 0.18);
    color: rgba(0, 0, 0, 0.55);
}

.strata-clear-btn:hover {
    background-color: rgba(0, 0, 0, 0.07);
    color: rgba(0, 0, 0, 0.85);
}

.strata-search {
    background-color: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.14);
    color: rgba(0, 0, 0, 0.87);
    caret-color: rgba(0, 0, 0, 0.8);
}

.strata-search:focus {
    border-color: rgba(53, 132, 228, 0.8);
    background-color: rgba(0, 0, 0, 0.035);
}

/* Placeholder ("Search...") text - legible dim gray on the light panel. */
.strata-search-hint {
    color: rgba(0, 0, 0, 0.55);
}

.strata-item:hover,
.strata-item-hovered {
    background-color: rgba(53, 132, 228, 0.14);
    border-color: rgba(53, 132, 228, 0.45);
}

.strata-item:focus,
.strata-item-focused {
    background-color: rgba(53, 132, 228, 0.16);
    border-color: rgba(53, 132, 228, 0.65);
}

.strata-item:hover:focus,
.strata-item-focused.strata-item-hovered {
    background-color: rgba(53, 132, 228, 0.24);
    border-color: rgba(53, 132, 228, 0.78);
}

.strata-item:focus .strata-item-text,
.strata-item-focused .strata-item-text {
    color: rgba(0, 0, 0, 0.95);
}

.strata-item-active {
    background-color: rgba(181, 131, 10, 0.16);
    border-color: rgba(181, 131, 10, 0.50);
}

.strata-item-active .strata-item-text {
    color: rgba(120, 82, 0, 1.0);
}

.strata-item-active.strata-item-hovered {
    background-color: rgba(181, 131, 10, 0.24);
}

.strata-item-active.strata-item-focused,
.strata-item-active:focus {
    background-color: rgba(53, 132, 228, 0.20);
    border-color: rgba(53, 132, 228, 0.65);
}

.strata-item-active.strata-item-focused .strata-item-text,
.strata-item-active:focus .strata-item-text {
    color: rgba(0, 0, 0, 0.95);
}

.strata-item:active {
    background-color: rgba(0, 0, 0, 0.10);
}

.strata-item-icon {
    color: rgba(0, 0, 0, 0.55);
}

.strata-item-thumb {
    border-color: rgba(0, 0, 0, 0.15);
}

.strata-item-text {
    color: rgba(0, 0, 0, 0.85);
}

.strata-item-url {
    color: rgba(26, 95, 180, 1.0);
}

.strata-item-subtext {
    color: rgba(0, 0, 0, 0.55);
}

.strata-item:hover .strata-item-delete,
.strata-item:focus .strata-item-delete,
.strata-item-focused .strata-item-delete,
.strata-item-hovered .strata-item-delete {
    color: rgba(224, 27, 36, 0.75);
}

.strata-item-delete:hover {
    background-color: rgba(224, 27, 36, 0.13);
    color: rgba(224, 27, 36, 1.0);
}