.public-blue-page {
    --public-blue: #00a8d6;
    --public-blue-strong: #007ea8;
    --public-blue-soft: rgba(0, 168, 214, 0.14);
    --public-blue-hover: rgba(0, 168, 214, 0.22);
    --public-blue-border: rgba(0, 168, 214, 0.42);
}

.public-blue-page .header::before,
.public-blue-page > .container > header::before,
.activity-page .activity-item::before {
    display: none;
}

.public-blue-page .header h1 {
    color: var(--public-blue);
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: currentColor;
    background-clip: initial;
    animation: none;
    text-shadow: none;
}

.public-blue-page > .container > header h1 {
    color: var(--public-blue);
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: currentColor;
    background-clip: initial;
    animation: none;
    text-shadow: none;
}

.public-blue-page .back-link {
    color: var(--public-blue);
}

.public-blue-page .back-link:hover {
    color: #fff;
    background: var(--public-blue-soft);
    border-color: var(--public-blue-border);
    box-shadow: none;
}

.public-blue-page .hotel-btn:hover,
.public-blue-page .hotel-btn.active {
    border-color: var(--public-blue-border);
    box-shadow: none;
    transform: none;
}

.public-blue-page .hotel-btn.active {
    color: #fff;
    background: var(--public-blue-strong);
}

.public-blue-page .pagination button.active,
.public-blue-page .pagination button:hover:not(:disabled) {
    color: #fff;
    background: var(--public-blue-strong);
    border-color: var(--public-blue-strong);
    box-shadow: none;
    transform: none;
}

.activity-page .verified-badge-header {
    color: #fff;
    background: var(--public-blue-strong);
    box-shadow: none;
}

.activity-page .stat-box .number,
.activity-page .stat-box .number.green,
.activity-page .stat-box .number.purple {
    color: var(--public-blue);
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: currentColor;
    background-clip: initial;
    text-shadow: none;
}

.activity-page .stat-box:hover {
    border-color: var(--public-blue-border);
    box-shadow: none;
}

.activity-page .filter-checkbox input[type="checkbox"] {
    accent-color: var(--public-blue);
}

.activity-page .custom-select.open .custom-select-trigger,
.activity-page .custom-select-trigger:hover,
.activity-page .custom-select-trigger:focus,
.activity-page .search-input:focus {
    border-color: var(--public-blue-border);
    box-shadow: none;
}

.activity-page .custom-select-option:hover,
.activity-page .custom-select-option:focus,
.activity-page .custom-select-option.selected {
    background: var(--public-blue-soft);
}

.activity-page .activity-spinner {
    border-color: var(--public-blue-soft);
    border-top-color: var(--public-blue);
}

.activity-page .activity-loading-text,
.activity-page .username-link:hover,
.activity-page .activity-item .badge-name {
    color: var(--public-blue) !important;
    text-shadow: none;
}

.activity-page .activity-item:hover {
    border-color: var(--public-blue-border);
    box-shadow: none;
}

.activity-page .activity-item > a:first-child {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    flex: 0 0 40px;
}

.activity-page .activity-item img.badge-img {
    position: static !important;
    inset: auto !important;
    display: block;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px;
    min-height: 40px;
    max-width: 40px;
    max-height: 40px;
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-sizing: border-box;
    object-fit: contain;
    image-rendering: pixelated;
    transform: none !important;
    flex: 0 0 40px;
}

.activity-page .activity-item:active img.badge-img,
.activity-page .activity-item:hover img.badge-img {
    transform: none !important;
}

@media (max-width: 768px) {
    .activity-page .activity-item > a:first-child {
        position: absolute;
        top: 12px;
        right: 12px;
        z-index: 1;
    }
}

.activity-page .activity-item .user-avatar {
    border-color: var(--public-blue-border);
    background: rgba(15, 23, 42, 0.9);
}

.activity-page .activity-item .time::before {
    background: var(--public-blue);
    box-shadow: none;
}

.activity-page .activity-item .verified-tag {
    color: var(--public-blue);
    background: var(--public-blue-soft);
}

.discoveries-page .discovery-card:hover {
    border-color: var(--public-blue-border);
    box-shadow: none;
    transform: translateY(-1px);
}

.discoveries-page .discovery-code,
.discoveries-page .discovery-meta .finder {
    color: var(--public-blue);
}

.discoveries-page .new-label {
    color: #fff;
    background: var(--public-blue-strong);
    animation: none;
}

.top-users-page .hotel-btn.active {
    background: var(--public-blue-strong);
}

.top-users-page .badge-count {
    color: var(--public-blue);
    background: var(--public-blue-soft);
    border-color: var(--public-blue-border);
}

.faq-page .faq-item::before {
    background: var(--public-blue);
}

.faq-page .faq-item:hover,
.faq-page .faq-item.open {
    border-color: var(--public-blue-border);
    box-shadow: none;
    transform: none;
}

.faq-page .faq-question-icon,
.faq-page .faq-item.open .faq-question-icon,
.faq-page .faq-toggle,
.faq-page .faq-item.open .faq-toggle {
    background: var(--public-blue-soft);
    border-color: var(--public-blue-border);
    box-shadow: none;
}

.faq-page .faq-item.open .faq-question h3,
.faq-page .faq-toggle {
    color: var(--public-blue);
}

.faq-page .faq-question:hover .faq-toggle,
.faq-page .faq-item.open .faq-toggle {
    box-shadow: none;
}

.contact-page .contact-card h2,
.contact-page .contact-details a,
.contact-page .contact-details a:hover,
.contact-page .social-link,
.contact-page .form-group label {
    color: var(--public-blue);
}

.contact-page .contact-item:hover,
.contact-page .contact-icon,
.contact-page .social-link,
.contact-page .response-note {
    background: var(--public-blue-soft);
}

.contact-page .social-link,
.contact-page .response-note,
.contact-page .form-group input:focus,
.contact-page .form-group textarea:focus {
    border-color: var(--public-blue-border);
}

.contact-page .contact-item:hover,
.contact-page .social-link:hover,
.contact-page .submit-btn:hover:not(:disabled) {
    box-shadow: none;
    transform: none;
}

.contact-page .response-note {
    color: var(--public-blue);
}

.contact-page .form-group input:focus,
.contact-page .form-group textarea:focus {
    box-shadow: 0 0 0 3px var(--public-blue-soft);
}

.contact-page .submit-btn {
    color: #fff;
    background: var(--public-blue-strong);
    box-shadow: none;
}

[data-theme="light"] .public-blue-page {
    --public-blue: #087fa5;
    --public-blue-strong: #066b8c;
    --public-blue-soft: rgba(8, 127, 165, 0.11);
    --public-blue-hover: rgba(8, 127, 165, 0.17);
    --public-blue-border: rgba(8, 127, 165, 0.36);
}

[data-theme="light"] .public-blue-page .header h1,
[data-theme="light"] .public-blue-page > .container > header h1 {
    color: var(--public-blue) !important;
    background: none;
    -webkit-text-fill-color: currentColor;
}

[data-theme="light"] .public-blue-page .back-link:hover {
    color: var(--public-blue-strong);
}
