@charset "utf-8";

/* Unified design tokens + lightweight interaction polish.
   This file intentionally stays low-risk and avoids structural/layout changes. */

:root {
    /* 主色略压饱和，与导航/按钮统一 */
    --ng-primary: #e40e0e;
    --ng-primary-dark: #c41010;
    --ng-nav-bg: linear-gradient(180deg, #fa1616 0%, #b60606 100%);
    --ng-text: #333;
    --ng-muted: #666;
    --ng-border: #e0e0e0;
    --ng-radius: 8px;
    --ng-focus: rgba(182, 6, 6, 0.28);
    --ng-focus-ring: #b60606;
    --ng-transition: 160ms ease;
    --ng-shadow-soft: 0 2px 10px rgba(0, 0, 0, 0.08);
}

/* Focus visibility (accessibility). */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: none;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
    border-radius: var(--ng-radius);
}

/* ---------- 顶部搜索：一体化组合（输入 + 按钮等高、对齐） ---------- */
.search {
    height: auto;
    min-height: 40px;
    padding: 0;
    padding-right: 0;
    width: 360px;
    max-width: 100%;
    background: transparent;
    box-sizing: border-box;
}

.search form {
    display: flex;
    align-items: stretch;
    width: 100%;
    border-radius: var(--ng-radius);
    overflow: hidden;
    border: 1px solid var(--ng-border);
    background: #fff;
    box-shadow: var(--ng-shadow-soft);
}

.search .ipt-sea,
.search #kw {
    flex: 1 1 auto;
    min-width: 0;
    width: auto !important;
    height: 40px;
    line-height: 40px;
    padding: 0 14px;
    font-size: 14px;
    color: var(--ng-text);
    border: 0;
    background: #fff;
    box-sizing: border-box;
}

.search .search_btn {
    position: static;
    display: block;
    flex: 0 0 auto;
    width: auto;
    min-width: 84px;
    height: 40px;
    line-height: 40px;
    padding: 0 16px;
    border: 0;
    border-radius: 0;
    background: var(--ng-primary);
    color: #fff;
    font-size: 15px;
    transition: background var(--ng-transition), box-shadow var(--ng-transition), transform var(--ng-transition);
}

.search .search_btn:hover {
    background: var(--ng-primary-dark);
}

.search .search_btn:active {
    transform: translateY(1px);
}

#kw:focus {
    box-shadow: none;
    border-radius: 0;
}

.search form:focus-within {
    border-color: rgba(163, 24, 24, 0.45);
    box-shadow: var(--ng-shadow-soft), 0 0 0 3px var(--ng-focus);
}

/* ---------- 主导航：层次与 hover，去掉图标水平翻转 ---------- */
.nav {
    background: var(--ng-nav-bg);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.10);
    border-radius: 0 0 var(--ng-radius) var(--ng-radius);
}

.nav li a:hover,
.nav li.active a {
    background: rgba(0, 0, 0, 0.08);
}

.nav li a:hover img,
.nav li.active a img {
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -o-transform: none;
}

/* Pagination - unify shape & interaction */
.pages ul li {
    border-radius: var(--ng-radius);
    border-color: rgba(204, 204, 204, 0.9);
    background: #fff;
    color: #999;
    transition: background var(--ng-transition),
        border-color var(--ng-transition),
        box-shadow var(--ng-transition),
        color var(--ng-transition);
}

.pages ul li a {
    color: inherit;
}

.pages ul li:hover {
    background: var(--ng-primary);
    border-color: var(--ng-primary);
    color: #fff;
    box-shadow: 0 8px 22px rgba(207, 13, 13, 0.22);
}

.pages ul li:hover a {
    color: #fff;
}

.pages ul li.thisclass {
    background: var(--ng-primary);
    border-color: var(--ng-primary);
    color: #fff;
    box-shadow: 0 8px 22px rgba(207, 13, 13, 0.26);
}

.pages ul li.thisclass a {
    color: #fff;
}

.pages ul li a:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
}

/* Tabs / navigation links focus. */
.tab-nav a:focus-visible,
.nav li a:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
}

/* ---------- List items (news/list links) ---------- */
/* Keep the existing dotted/icon list styling, but unify hover background + focus ring. */
.newslist li {
    border-radius: 8px;
    overflow: hidden;
}

.newslist li:hover {
    background-color: rgba(207, 13, 13, 0.05);
}

.newslist li a:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
    border-radius: 8px;
    background-color: rgba(207, 13, 13, 0.06);
}

/* Other homepage list variants often reuse newslist styles. */
.newslist.htlist li a:focus-visible {
    border-radius: 8px;
}

/* Search result list uses a different layout (title/date + summary).
   Keep overflow visible so the keyword badge won't get clipped and appear
   at the far right. */
.newslist.ny li {
    overflow: visible;
}

/* ---------- Form / action buttons ---------- */
.contact-com-btn .btn,
.btn-warning,
.btn-danger {
    border-radius: var(--ng-radius);
    font-size: 14px;
    letter-spacing: 0.5px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transition: background var(--ng-transition),
        box-shadow var(--ng-transition),
        transform var(--ng-transition);
}

.btn-warning {
    background: linear-gradient(180deg, #ff9b4f 0%, #ff7f30 100%);
}

.btn-warning:hover {
    background: linear-gradient(180deg, #ff8a3a 0%, #ff6f1d 100%);
    transform: translateY(1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.btn-danger {
    background: linear-gradient(180deg, #18c857 0%, #0fa144 100%);
}

.btn-danger:hover {
    background: linear-gradient(180deg, #12b54c 0%, #0a8a39 100%);
    transform: translateY(1px);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18);
}

.btn-warning:focus-visible,
.btn-danger:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
}

/* Search result keyword badge */
.search-kw-badge {
    display: block;
    margin: 10px 0 2px 0;
    font-size: 12px;
    color: #555;
    line-height: 18px;
    width: 100%;
    box-sizing: border-box;
    white-space: normal;
    clear: both;
}

/* Avoid horizontal overlay with the absolute date span (main.css: .newslist li span). */
.newslist.ny .search-kw-badge {
    padding-right: 100px;
}

.search-kw-badge .search-keyword {
    display: inline-block;
    padding: 1px 8px;
    border-radius: 999px;
    background: rgba(207, 13, 13, 0.14);
    border: 1px solid rgba(207, 13, 13, 0.25);
    color: var(--ng-primary, #cf0d0d);
    font-weight: 700;
    white-space: nowrap;
    /* main.css: .newslist li span { position:absolute; right:0; top:0; line-height:36px; } */
    /* Undo that only for our badge keyword. */
    position: static !important;
    right: auto !important;
    top: auto !important;
    line-height: 1.4 !important;
    text-align: left !important;
}

/* ---------- Breadcrumb separator (“您当前所在位置”) ---------- */
.lujing a + a::before {
    content: " > ";
    color: #999;
}

/* ---------- Sidebar category list (fllist) ---------- */
.fllist {
    border-radius: var(--ng-radius);
    overflow: hidden;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

.fllist li {
    transition: background var(--ng-transition), color var(--ng-transition), border-left var(--ng-transition);
}

.fllist li a {
    font-size: 15px;
}

.fllist li:hover,
.fllist li.active {
    background: transparent;
}

.fllist li:hover a,
.fllist li.active a {
    color: var(--ng-primary, #cf0d0d);
}

.fllist li.active {
    background: #fff !important;
    border-left: 4px solid var(--ng-primary-dark, #b60606) !important;
    box-shadow: inset 0 0 0 1px rgba(207, 13, 13, 0.06);
}

/* Hover: very soft red background */
.fllist li:hover {
    background: rgba(207, 13, 13, 0.06) !important;
}

/* Make active anchor a bit bolder */
.fllist li.active a {
    font-weight: 700;
}

/* Footer polish */
.foot {
    border-radius: var(--ng-radius);
    padding: 18px 0 !important;
    margin-top: 15px !important;
}

.foot p {
    margin: 6px 0 !important;
    line-height: 24px !important;
    color: #7a7a7a !important;
}

.foot a {
    color: var(--ng-primary, #cf0d0d) !important;
}

.foot a:hover {
    color: var(--ng-primary-dark, #b60606) !important;
    text-decoration: underline;
}

/* ---------- Plugin form polish: szxx.php / ysqgk.php 等 ---------- */
/* 这些插件各自内联了 <style>，这里只做视觉覆盖，不改布局，使用 !important。 */
.szxx-form input,
.szxx-form select,
.szxx-form textarea {
    border-radius: 6px !important;
    border-color: rgba(0, 0, 0, 0.14) !important;
}

.szxx-form input:focus-visible,
.szxx-form select:focus-visible,
.szxx-form textarea:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
    border-color: rgba(182, 6, 6, 0.55) !important;
}

.szxx-form button.sure,
.szxx-form .button.sure {
    background: var(--ng-primary) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 22px rgba(207, 13, 13, 0.22) !important;
}

.szxx-form button.sure:hover,
.szxx-form .button.sure:hover {
    background: var(--ng-primary-dark) !important;
}

.szxx-form button.sure:focus-visible,
.szxx-form .button.sure:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
}

/* 依申请公开（ysqgk.php）主表单：.xx-form */
.xx-form input,
.xx-form select,
.xx-form textarea {
    border-radius: 6px !important;
    border-color: rgba(0, 0, 0, 0.14) !important;
}

.xx-form input:focus-visible,
.xx-form select:focus-visible,
.xx-form textarea:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
    border-color: rgba(182, 6, 6, 0.55) !important;
}

.xx-form .button.sure,
.xx-form button.button.sure {
    background: var(--ng-primary) !important;
    border-radius: 6px !important;
    box-shadow: 0 8px 22px rgba(207, 13, 13, 0.22) !important;
}

.xx-form .button.sure:hover,
.xx-form button.button.sure:hover {
    background: var(--ng-primary-dark) !important;
}

.xx-form .button.sure:focus-visible,
.xx-form button.button.sure:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
}


/* szxx1.php（我要写信）主表单：.bootstrap-frm */
.bootstrap-frm input,
.bootstrap-frm select,
.bootstrap-frm textarea {
    border-radius: 6px !important;
    border-color: rgba(0, 0, 0, 0.14) !important;
}

.bootstrap-frm input:focus-visible,
.bootstrap-frm select:focus-visible,
.bootstrap-frm textarea:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
    border-color: rgba(182, 6, 6, 0.55) !important;
}

.bootstrap-frm .button {
    background: var(--ng-primary) !important;
    border: 0 !important;
    color: #fff !important;
    border-radius: 6px !important;
}

.bootstrap-frm .button:hover {
    background: var(--ng-primary-dark) !important;
    color: #fff !important;
}

.bootstrap-frm .button:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
}

/* szxx.php（我要写信）里“关闭”按钮没有 .sure class
   选择器用 `button:not([type])` 兜底，避免影响提交按钮。 */
.szxx-form button:not([type]) {
    background: rgba(255, 255, 255, 0.85) !important;
    border: 1px solid rgba(207, 13, 13, 0.45) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
    border-radius: var(--ng-radius) !important;
    color: var(--ng-primary, #cf0d0d) !important;
    transition: background var(--ng-transition), border-color var(--ng-transition), box-shadow var(--ng-transition), transform var(--ng-transition), color var(--ng-transition) !important;
}

.szxx-form button:not([type]) a {
    color: inherit !important; /* 覆盖页面内联 style="color:#FFFFFF" */
    text-decoration: none !important;
}

.szxx-form button:not([type]):hover {
    background: var(--ng-primary) !important;
    border-color: var(--ng-primary) !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(207, 13, 13, 0.22) !important;
    transform: translateY(1px) !important;
}

.szxx-form button:not([type]):focus-visible {
    outline: 2px solid var(--ng-focus-ring) !important;
    outline-offset: 2px !important;
}

/* ---------- Sitemap / About plugin blocks (sitemap.php) ---------- */
/* sitemap.php 内联 <style> 会覆盖我们，因此这里强制用 !important。 */
.map .box h3 {
    background: rgba(207, 13, 13, 0.06) !important;
    color: #333 !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    border-left: 6px solid var(--ng-primary, #cf0d0d) !important;
    padding-left: 19px !important;
}

.map .box h3 a,
.map .box h3 a span {
    color: #fff !important;
}

.map .box .catlist {
    border-radius: 0 !important;
    box-shadow: none !important;
}

.map .box .catlist a {
    color: #333 !important;
    font-weight: 500;
}

.map .box .catlist a:hover {
    color: var(--ng-primary, #cf0d0d) !important;
}

.map .title {
    color: #333 !important;
}


/* ---------- SZ：市长之窗（app/views/sz/*）视觉统一覆盖 ---------- */
/* 说明：原页面主要样式在 `szzc.css` 里，这里放后加载覆盖，尽量不改结构布局。 */
.tablisterjibox {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: var(--ng-radius);
    overflow: hidden;
}

.tdlingdaolef {
    /* 保留原图纹理背景，但给一个轻微红色氛围底色（不强行替换图片）。 */
    background-color: rgba(207, 13, 13, 0.03) !important;
}

.lefldnav h2 {
    color: var(--ng-primary, #cf0d0d) !important;
}

.lefldnav h2 a {
    color: var(--ng-primary, #cf0d0d) !important;
}

.lefldnav ul {
    border-top: 1px solid rgba(207, 13, 13, 0.18) !important;
}

.lefldnav ul li {
    border-bottom: 1px solid rgba(207, 13, 13, 0.12) !important;
}

.lefldnav ul li a {
    background-image: none !important;
    background: transparent !important;
    border-left: 4px solid transparent !important;
    padding-left: 12px !important;
    border-radius: 10px;
    transition: background var(--ng-transition), color var(--ng-transition), border-color var(--ng-transition);
}

.lefldnav ul li a h3 {
    color: inherit !important;
    font-weight: 650 !important;
}

.lefldnav ul li a span {
    color: var(--ng-muted, #666) !important;
}

.lefldnav ul li a:hover,
.lefldnav ul li a.on {
    background: rgba(207, 13, 13, 0.10) !important;
    border-left-color: var(--ng-primary, #cf0d0d) !important;
    color: var(--ng-primary, #cf0d0d) !important;
}

.lefldnav ul li a:hover span,
.lefldnav ul li a.on span {
    color: var(--ng-primary, #cf0d0d) !important;
}

.lefldnav ul li a:focus-visible {
    outline: 2px solid var(--ng-focus-ring);
    outline-offset: 2px;
}

/* 右侧信息区：姓名/职务标签用统一红色 */
.ldpicintro dl dd span.red {
    color: var(--ng-primary, #cf0d0d) !important;
}

/* 右侧信息区：提升内容块观感（不改 DOM 结构） */
.ldpicintro {
    background: rgba(255, 255, 255, 0.72) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: var(--ng-radius) !important;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06) !important;
    padding: 18px 16px 20px 16px !important;
    margin-bottom: 18px !important;
    border-bottom: 0 !important;
}

.ldpicintro img {
    border-radius: var(--ng-radius) !important;
    box-shadow: var(--ng-shadow-soft) !important;
}

.ldpicintro dl dd {
    margin: 6px 0 !important;
    line-height: 1.7 !important;
}

.ldpicintro dl dd span {
    font-size: 16px;
}

/* ---------- Global button polish（补齐未统一的按钮样式）---------- */
/* 覆盖常见：.btn-success/.btn-inverse/.btn 以及旧站 .button */
.btn,
.btn-success,
.btn-inverse,
.button,
button.button,
input.button {
    border-radius: var(--ng-radius) !important;
    transition: background var(--ng-transition), box-shadow var(--ng-transition), transform var(--ng-transition), border-color var(--ng-transition), color var(--ng-transition);
}

/* 主按钮（提交/确认） */
.btn-success,
.btn.btn-success {
    background: var(--ng-primary) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
}

.btn-success:hover,
.btn.btn-success:hover {
    background: var(--ng-primary-dark) !important;
    box-shadow: 0 10px 24px rgba(207, 13, 13, 0.22) !important;
    transform: translateY(1px);
}

/* 次按钮（重置/取消） */
.btn-inverse,
.btn.btn-inverse {
    background: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: var(--ng-text) !important;
    box-shadow: none !important;
}

.btn-inverse:hover,
.btn.btn-inverse:hover {
    background: rgba(207, 13, 13, 0.08) !important;
    border-color: rgba(207, 13, 13, 0.28) !important;
    color: var(--ng-primary, #cf0d0d) !important;
}

/* 旧站“button”类（szxx1 有 input.button） */
/* 注：.bootstrap-frm .button 已经在前面覆盖，这里做兜底，尽量不破坏布局。 */
.button,
input.button,
button.button {
    background: var(--ng-primary) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12) !important;
    padding: 10px 26px !important;
    line-height: 1 !important;
}

/* close/open 状态下也能得到键盘可见聚焦 */
.btn:focus-visible,
.btn-success:focus-visible,
.btn-inverse:focus-visible,
.button:focus-visible,
button.button:focus-visible,
input.button:focus-visible {
    outline: 2px solid var(--ng-focus-ring) !important;
    outline-offset: 2px !important;
}

/* ---------- HDJL：互动交流入口按钮（hdjlwyxx）统一 ---------- */
/* style.css: .hdjlwyxx a 写死了橙色/蓝色，这里统一成政务红体系。 */
.hdjlwyxx a {
    display: inline-block !important;
    background: var(--ng-primary) !important;
    color: #fff !important;
    text-decoration: none !important;
    border-radius: var(--ng-radius) !important;
    padding: 0 14px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    box-shadow: 0 6px 18px rgba(207, 13, 13, 0.18) !important;
    transition: background var(--ng-transition), box-shadow var(--ng-transition), transform var(--ng-transition) !important;
}

.hdjlwyxx a:hover {
    background: var(--ng-primary-dark) !important;
    box-shadow: 0 10px 24px rgba(207, 13, 13, 0.25) !important;
    transform: translateY(1px) !important;
}

.hdjlwyxx a:focus-visible {
    outline: 2px solid var(--ng-focus-ring) !important;
    outline-offset: 2px !important;
}

/* ---------- HDJL：互动交流入口按钮（hdly_link）统一 ---------- */
/* style.css: .hdly_link li a 与 .num2/.num3/... 写死了金色/蓝色背景。 */
.hdly_link li a {
    background: rgba(255, 255, 255, 0.85) !important;
    color: var(--ng-primary) !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    border: 1px solid rgba(207, 13, 13, 0.45) !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06) !important;
    /* 关键：不允许 padding 撑出原站固定宽高，否则会导致按钮重叠 */
    padding: 0 !important;
    box-sizing: border-box !important;
    width: 150px !important;
    height: 70px !important;
    line-height: 70px !important;
    white-space: nowrap !important;
}

.hdly_link li a:hover {
    background: var(--ng-primary) !important;
    border-color: var(--ng-primary) !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(207, 13, 13, 0.22) !important;
    transform: translateY(1px) !important;
}

.hdly_link li a:focus-visible {
    outline: 2px solid var(--ng-focus-ring) !important;
    outline-offset: 2px !important;
}

/* ---------- zwgk：政务公开栏目 Tab（col-title-4 .tab current）统一 ---------- */
/* style.css 内部 tab current 用 #dc3a3a，这里替换为统一政务红，并补 focus-visible。 */
.col-title-4 .tab.current,
.col-title-4 .tab.on {
    background-color: var(--ng-primary, #cf0d0d) !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.col-title-4 .tab:focus-visible {
    outline: 2px solid var(--ng-focus-ring) !important;
    outline-offset: 2px !important;
    border-radius: var(--ng-radius) !important;
}

/* ---------- zfyjs：财政预算决算页栏目标题（col-title-1） ---------- */
/* 仅调整下划线颜色到统一政务红，不改变结构。 */
.col-title-1 .tab {
    border-bottom-color: var(--ng-primary, #cf0d0d) !important;
}

/* ---------- ysqgk：依申请公开 Tab（col-title-3） + 正文段落 ---------- */
/* Tab 当前色是旧红/蓝，统一为政务红，并添加 focus-visible。 */
.col-title-3 .tab {
    font-size: 18px;
    color: #555;
}

.col-title-3 .tab.current {
    border-top: 3px solid var(--ng-primary, #cf0d0d) !important;
    color: var(--ng-primary, #cf0d0d) !important;
}

.col-title-3 .tab:focus-visible {
    outline: 2px solid var(--ng-focus-ring) !important;
    outline-offset: 2px !important;
}

/* ysqgk / zfyjs 等插件页中的长文本段落：降低一点字号，略收紧行距和宽度。 */
.pageny .page-all .p1,
.pageny .page-all .p2 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto;
    color: #444 !important;
    line-height: 34px !important;
}

.pageny .page-all .p1 {
    line-height: 34px !important;
}

.pageny .page-all .p2 {
    line-height: 34px !important;
}

/* ysqgk：重置按钮没有 .button class，做单独兜底 */
.pageny .page-all .xx-form button {
    border-radius: var(--ng-radius) !important;
    box-shadow: none !important;
    border: 0 !important;
    cursor: pointer;
    transition: background var(--ng-transition), box-shadow var(--ng-transition), border-color var(--ng-transition), color var(--ng-transition), transform var(--ng-transition) !important;
}

.pageny .page-all .xx-form button[type="submit"],
.pageny .page-all .xx-form button.button.sure,
.pageny .page-all .xx-form button.sure {
    background: var(--ng-primary) !important;
    border: 0 !important;
    color: #fff !important;
}

.pageny .page-all .xx-form button[type="submit"]:hover,
.pageny .page-all .xx-form button.button.sure:hover,
.pageny .page-all .xx-form button.sure:hover {
    background: var(--ng-primary-dark) !important;
    transform: translateY(1px) !important;
}

.pageny .page-all .xx-form button[type="reset"] {
    background: rgba(0, 0, 0, 0.06) !important;
    border: 1px solid rgba(0, 0, 0, 0.12) !important;
    color: var(--ng-text, #333) !important;
}

.pageny .page-all .xx-form button[type="reset"]:hover {
    background: rgba(207, 13, 13, 0.08) !important;
    border-color: rgba(207, 13, 13, 0.28) !important;
    color: var(--ng-primary, #cf0d0d) !important;
    transform: translateY(1px) !important;
}

.pageny .page-all .xx-form button:focus-visible {
    outline: 2px solid var(--ng-focus-ring) !important;
    outline-offset: 2px !important;
}