/* App styles will be here */

/* hearthis.at logo styling */
a[aria-label="hearthis.at"] {
    background: rgba(255,255,255,0.1) !important;
    transition: all 0.3s ease;
    padding: 8px !important;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

a[aria-label="hearthis.at"]:hover {
    background: var(--primary-color) !important;
    transform: translateY(-3px);
}

a[aria-label="hearthis.at"] img {
    height: 20px;
    width: auto;
    filter: brightness(0) invert(1); /* Ensures logo is white */
}

/* Dark mode support if needed */
@media (prefers-color-scheme: dark) {
    a[aria-label="hearthis.at"] img {
        filter: brightness(0) invert(1);
    }
}

/* Adjust PNG logo styling */
a[aria-label="hearthis.at"] img {
    height: 24px;
    width: auto;
    filter: none; /* No filter needed for PNG */
}

a[aria-label="hearthis.at"] {
    background: rgba(255,255,255,0.1) !important;
    padding: 10px !important;
}

/* hearthis.at PNG logo styling */
a[aria-label="hearthis.at"] img {
    height: 24px;
    width: auto;
    filter: none;
}

a[aria-label="hearthis.at"] {
    background: rgba(255,255,255,0.1) !important;
    transition: all 0.3s ease;
    padding: 10px !important;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

a[aria-label="hearthis.at"]:hover {
    background: var(--primary-color) !important;
    transform: translateY(-3px);
}

/* Settings page preview styling */
.settings-preview-hearthis {
    background: #f0f0f0;
    padding: 5px 10px;
    border-radius: 4px;
    display: inline-block;
}

/* hearthis.at PNG logo styling */
a[aria-label="hearthis.at"] img {
    height: 24px;
    width: auto;
    filter: none;
}

a[aria-label="hearthis.at"] {
    background: rgba(255,255,255,0.1) !important;
    transition: all 0.3s ease;
    padding: 10px !important;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

a[aria-label="hearthis.at"]:hover {
    background: var(--primary-color) !important;
    transform: translateY(-3px);
}