/* Fresh theme by Gravity Host. Copyright (c) 2026 GK Tools Ltd. All rights reserved. Licensed for one live shop per licence, see LICENSE.txt; sharing or reselling is not allowed. Download ID: marketplace */
/* Fresh: dark mode. The page sets data-theme="dark" on <html> (the switch in the top bar, or the
   shop's default; "auto" follows the device). The dark colours of each scheme are CSS variables
   written by the theme, so these rules hold only what changes besides the variables.
   :where() keeps each rule at the specificity of the light rule it replaces. */

/* Logo: the shop's light version on the dark page, when it has one */
#logo img[data-gk-logo="dark"], :root[data-theme="dark"] #logo img[data-gk-logo="light"] { display: none; }
:root[data-theme="dark"] #logo img[data-gk-logo="dark"] { display: block; }

/* The switch: the moon shows in light mode, the sun in dark mode */
#top #gk-mode { display: inline-grid; place-items: center; width: 36px; height: 30px; margin: -6px 0 -6px 2px; padding: 0; vertical-align: middle; border: 0; border-radius: 8px; background: transparent; color: inherit; cursor: pointer; }
#top #gk-mode:focus-visible { outline: 2px solid var(--gk-deep) !important; outline-offset: 1px !important; }
#gk-mode svg { width: 18px; height: 18px; display: block; pointer-events: none; }
#gk-mode .gk-sun, :root[data-theme="dark"] #gk-mode .gk-moon { display: none; }
:root[data-theme="dark"] #gk-mode .gk-sun { display: block; }
/* Hover only with a real pointer: on a phone the tapped switch kept its highlight (D1459). */
@media (hover: hover) {
  #top #gk-mode:hover { background: rgba(var(--gk-ink-rgb), .08); }
  :root[data-theme="dark"] #top #gk-mode:hover { background: rgba(255, 255, 255, .1); }
}
@media (max-width: 767px) { #top #gk-mode { width: 44px; height: 44px; margin: -12px 0; } }

/* Page, text, links */
:where(:root[data-theme="dark"]) body { color: var(--gk-ink); background: var(--gk-page); }
:where(:root[data-theme="dark"]) a, :where(:root[data-theme="dark"]) .btn-link, :where(:root[data-theme="dark"]) .text-primary { color: var(--gk-deep); }
:where(:root[data-theme="dark"]) a:hover, :where(:root[data-theme="dark"]) a:focus, :where(:root[data-theme="dark"]) .btn-link:hover, :where(:root[data-theme="dark"]) .btn-link:focus, :where(:root[data-theme="dark"]) .btn-link:active { color: var(--gk-deeper); }
:where(:root[data-theme="dark"]) hr { border-top-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .text-muted, :where(:root[data-theme="dark"]) .help-block, :where(:root[data-theme="dark"]) small { color: var(--gk-mute); }
:where(:root[data-theme="dark"]) .text-success { color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .text-warning { color: #FFD166; }
:where(:root[data-theme="dark"]) .text-info { color: #8ECDF0; }
:where(:root[data-theme="dark"]) #collapse-checkout-option b[style*="37b74a"] { color: var(--gk-deep) !important; }

/* Focus: the light ring is too dark on the dark page */
:where(:root[data-theme="dark"]) button:focus-visible, :where(:root[data-theme="dark"]) .btn:focus-visible, :where(:root[data-theme="dark"]) input:focus-visible, :where(:root[data-theme="dark"]) select:focus-visible, :where(:root[data-theme="dark"]) textarea:focus-visible { outline-color: var(--gk-deep) !important; }
:where(:root[data-theme="dark"]) input[type="checkbox"]:focus-visible { outline-color: rgba(var(--gk-brand-rgb), .55); }

/* Top bar and header */
:where(:root[data-theme="dark"]) #top { background: var(--gk-band); border-bottom: 1px solid var(--gk-line); }
:where(:root[data-theme="dark"]) header { background: var(--gk-surface); border-bottom-color: var(--gk-line); }
:where(:root[data-theme="dark"]) #search { background: var(--gk-field); border-color: var(--gk-field-line); }
:where(:root[data-theme="dark"]) #search .input-lg { background: var(--gk-field); color: var(--gk-ink); }
:where(:root[data-theme="dark"]) #search .btn-lg { background: var(--gk-tint); color: var(--gk-deep); }
:where(:root[data-theme="dark"]) #search .btn-lg:hover, :where(:root[data-theme="dark"]) #search .btn-lg:active { background: var(--gk-tint-deep); color: var(--gk-deeper); }
:where(:root[data-theme="dark"]) #cart > .btn:hover, :where(:root[data-theme="dark"]) #cart.open > .btn, :where(:root[data-theme="dark"]) #cart.open > .btn:hover, :where(:root[data-theme="dark"]) #cart > .btn:focus { border-color: var(--gk-tint-line); }
:where(:root[data-theme="dark"]) #cart > .btn:active, :where(:root[data-theme="dark"]) #cart.open > .btn:active { background: var(--gk-tint-deep); color: var(--gk-ink); }

/* Menus (currency, language, account, basket) */
:where(:root[data-theme="dark"]) .dropdown-menu { background: var(--gk-raised); border-color: var(--gk-line-strong); box-shadow: var(--gk-shadow-hover); }
:where(:root[data-theme="dark"]) .dropdown-menu > li > a, :where(:root[data-theme="dark"]) .dropdown-menu .btn-link { color: var(--gk-ink); }
:where(:root[data-theme="dark"]) .dropdown-menu .divider { background-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .dropdown-menu li > a:hover, :where(:root[data-theme="dark"]) .dropdown-menu li > a:focus, :where(:root[data-theme="dark"]) .dropdown-menu > .active > a, :where(:root[data-theme="dark"]) .dropdown-menu > .active > a:hover, :where(:root[data-theme="dark"]) .dropdown-menu > .active > a:focus,
:where(:root[data-theme="dark"]) #top #form-currency .currency-select:hover, :where(:root[data-theme="dark"]) #top #form-language .language-select:hover,
:where(:root[data-theme="dark"]) #top #form-currency .dropdown-menu .currency-select:hover, :where(:root[data-theme="dark"]) #top #form-currency .dropdown-menu .currency-select:focus,
:where(:root[data-theme="dark"]) #top #top-links .dropdown-menu a:hover, :where(:root[data-theme="dark"]) #top #top-links .dropdown-menu a:focus,
:where(:root[data-theme="dark"]) #top #gk-lang .dropdown-menu a:hover, :where(:root[data-theme="dark"]) #top #gk-lang .dropdown-menu a:focus { color: var(--gk-ink); background: var(--gk-tint-deep); }
:where(:root[data-theme="dark"]) #cart .dropdown-menu { background: var(--gk-raised); border-color: var(--gk-line-strong); box-shadow: 0 18px 40px -12px rgba(0, 0, 0, .6); }
:where(:root[data-theme="dark"]) #cart .dropdown-menu .table-striped > tbody > tr { border-bottom-color: var(--gk-line); }
:where(:root[data-theme="dark"]) #cart .dropdown-menu .table-bordered > tbody > tr:last-child { border-top-color: var(--gk-line); }
:where(:root[data-theme="dark"]) #cart .dropdown-menu .table-striped > tbody > tr > td:nth-child(1) img { border-color: transparent; }
:where(:root[data-theme="dark"]) #cart .dropdown-menu .table-striped .btn-danger:hover, :where(:root[data-theme="dark"]) #cart .dropdown-menu .table-striped .btn-danger:focus-visible { background: #3A1418; color: #FF9DA2; border-color: #6B2A30; }
:where(:root[data-theme="dark"]) #cart .dropdown-menu p.text-right:last-child > a { background: transparent; }
:where(:root[data-theme="dark"]) #cart .dropdown-menu p.text-right:last-child > a[href*="checkout/checkout"] { background: var(--gk-deep); color: var(--gk-on-deep); }
:where(:root[data-theme="dark"]) #cart .dropdown-menu p.text-right:last-child > a:hover, :where(:root[data-theme="dark"]) #cart .dropdown-menu p.text-right:last-child > a:focus-visible { filter: brightness(1.1); }

/* Buttons: a light fill with dark words */
:where(:root[data-theme="dark"]) .btn-primary, :where(:root[data-theme="dark"]) .btn-primary.disabled, :where(:root[data-theme="dark"]) .btn-primary[disabled] { color: var(--gk-on-deep); background: var(--gk-deep); border-color: var(--gk-deep); box-shadow: none; }
:where(:root[data-theme="dark"]) .btn-primary:hover, :where(:root[data-theme="dark"]) .btn-primary:focus, :where(:root[data-theme="dark"]) .btn-primary.focus { color: var(--gk-on-deep); background: var(--gk-deeper); border-color: var(--gk-deeper); box-shadow: 0 4px 14px rgba(var(--gk-brand-rgb), .22); }
:where(:root[data-theme="dark"]) .btn-primary:active, :where(:root[data-theme="dark"]) .btn-primary.active, :where(:root[data-theme="dark"]) .open > .dropdown-toggle.btn-primary, :where(:root[data-theme="dark"]) .btn-primary:active:hover, :where(:root[data-theme="dark"]) .btn-primary:active:focus, :where(:root[data-theme="dark"]) .btn-primary.active:hover, :where(:root[data-theme="dark"]) .btn-primary.active:focus { color: var(--gk-on-deep); background: var(--gk-press); border-color: var(--gk-press); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25); }
:where(:root[data-theme="dark"]) .btn-primary .badge { color: var(--gk-deep); background: var(--gk-on-deep); }
:where(:root[data-theme="dark"]) .btn-default { color: var(--gk-ink); background: var(--gk-raised); border-color: var(--gk-field-line); }
:where(:root[data-theme="dark"]) .btn-default:hover, :where(:root[data-theme="dark"]) .btn-default:focus { color: var(--gk-ink); background: var(--gk-tint-deep); border-color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .btn-default:active, :where(:root[data-theme="dark"]) .btn-default.active, :where(:root[data-theme="dark"]) .open > .dropdown-toggle.btn-default, :where(:root[data-theme="dark"]) .btn-default:active:hover, :where(:root[data-theme="dark"]) .btn-default:active:focus { color: var(--gk-ink); background: var(--gk-tint); border-color: var(--gk-deep); box-shadow: inset 0 2px 4px rgba(0, 0, 0, .25); }
:where(:root[data-theme="dark"]) .btn-info { color: var(--gk-deeper); background: var(--gk-tint); border-color: var(--gk-tint-line); }
:where(:root[data-theme="dark"]) .btn-info:hover, :where(:root[data-theme="dark"]) .btn-info:focus, :where(:root[data-theme="dark"]) .btn-info:active, :where(:root[data-theme="dark"]) .btn-info.active { color: var(--gk-ink); background: var(--gk-tint-deep); border-color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .btn-danger { color: #fff; background: #B3202A; border-color: #D9434C; }
:where(:root[data-theme="dark"]) .btn-danger:hover, :where(:root[data-theme="dark"]) .btn-danger:focus { color: #fff; background: #941A22; }
:where(:root[data-theme="dark"]) .btn-warning { color: #2A1E00; background: #FFC24D; border-color: #FFC24D; }
:where(:root[data-theme="dark"]) .bg-primary, :where(:root[data-theme="dark"]) .label-primary, :where(:root[data-theme="dark"]) .progress-bar { background-color: var(--gk-deep); color: var(--gk-on-deep); }
:where(:root[data-theme="dark"]) .nav-pills > li.active > a, :where(:root[data-theme="dark"]) .nav-pills > li.active > a:hover, :where(:root[data-theme="dark"]) .nav-pills > li.active > a:focus { color: var(--gk-on-deep); background-color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .nav > li > a:hover, :where(:root[data-theme="dark"]) .nav > li > a:focus { background-color: var(--gk-tint); }

/* Forms */
:where(:root[data-theme="dark"]) .form-control, :where(:root[data-theme="dark"]) input[type="text"], :where(:root[data-theme="dark"]) input[type="email"], :where(:root[data-theme="dark"]) input[type="tel"], :where(:root[data-theme="dark"]) input[type="password"], :where(:root[data-theme="dark"]) input[type="number"], :where(:root[data-theme="dark"]) input[type="search"], :where(:root[data-theme="dark"]) input[type="date"], :where(:root[data-theme="dark"]) select, :where(:root[data-theme="dark"]) textarea { color: var(--gk-ink); background-color: var(--gk-field); border-color: var(--gk-field-line); }
:where(:root[data-theme="dark"]) .form-control::placeholder, :where(:root[data-theme="dark"]) input::placeholder, :where(:root[data-theme="dark"]) textarea::placeholder { color: var(--gk-mute); opacity: 1; }
:where(:root[data-theme="dark"]) .form-control:focus { border-color: var(--gk-deep); box-shadow: 0 0 0 3px rgba(var(--gk-brand-rgb), .25); }
:where(:root[data-theme="dark"]) .form-control[disabled], :where(:root[data-theme="dark"]) .form-control[readonly], :where(:root[data-theme="dark"]) fieldset[disabled] .form-control { background-color: var(--gk-raised); color: var(--gk-ink-soft); }
:where(:root[data-theme="dark"]) input:-webkit-autofill, :where(:root[data-theme="dark"]) textarea:-webkit-autofill, :where(:root[data-theme="dark"]) select:-webkit-autofill { -webkit-text-fill-color: var(--gk-ink); -webkit-box-shadow: 0 0 0 40px var(--gk-tint-deep) inset; caret-color: var(--gk-ink); }
:where(:root[data-theme="dark"]) .input-group-addon { color: var(--gk-ink); background: var(--gk-raised); border-color: var(--gk-field-line); }
:where(:root[data-theme="dark"]) #content .input-group-addon { background: transparent; }
:where(:root[data-theme="dark"]) .has-error .form-control { border-color: var(--gk-red); }
:where(:root[data-theme="dark"]) .has-error .help-block, :where(:root[data-theme="dark"]) .has-error .control-label, :where(:root[data-theme="dark"]) .text-danger { color: var(--gk-red-text); }
:where(:root[data-theme="dark"]) input[type="checkbox"] { background-color: var(--gk-field); border-color: var(--gk-mute); }
:where(:root[data-theme="dark"]) input[type="checkbox"]:checked { background-color: var(--gk-deep); border-color: var(--gk-deep); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.4l3 3 6.6-7' fill='none' stroke='%23041E11' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
:where(:root[data-theme="dark"]) input[type="radio"] { accent-color: var(--gk-deep); }
:where(:root[data-theme="dark"]) legend { border-bottom-color: var(--gk-line); }

/* Product cards: dark card */
:where(:root[data-theme="dark"]) .product-thumb { background: var(--gk-surface); border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .product-thumb:hover { border-color: var(--gk-tint-line); }
:where(:root[data-theme="dark"]) .product-thumb h4 a, :where(:root[data-theme="dark"]) .product-thumb h3.gk-ct a { color: var(--gk-ink); }
:where(:root[data-theme="dark"]) .product-thumb h4 a:hover, :where(:root[data-theme="dark"]) .product-thumb h4 a:focus, :where(:root[data-theme="dark"]) .product-thumb h3.gk-ct a:hover, :where(:root[data-theme="dark"]) .product-thumb h3.gk-ct a:focus { color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .product-thumb .rating .fa-star-o { color: #5A6478; }
:where(:root[data-theme="dark"]) .product-thumb .button-group button:first-child { color: var(--gk-on-deep); background: var(--gk-deep); border-color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .product-thumb .button-group button:first-child:hover, :where(:root[data-theme="dark"]) .product-thumb .button-group button:first-child:focus { color: var(--gk-on-deep); background: var(--gk-deeper); border-color: var(--gk-deeper); box-shadow: 0 4px 14px rgba(var(--gk-brand-rgb), .22); }
:where(:root[data-theme="dark"]) .product-thumb .button-group button + button { background: var(--gk-raised); border-color: var(--gk-field-line); color: var(--gk-ink-soft); }
:where(:root[data-theme="dark"]) .product-thumb .button-group button + button:hover, :where(:root[data-theme="dark"]) .product-thumb .button-group button + button:focus { background: var(--gk-tint-deep); border-color: var(--gk-deep); color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .product-thumb .button-group button:active, :where(:root[data-theme="dark"]) .product-thumb .button-group button:first-child:active { color: var(--gk-on-deep); background: var(--gk-press); border-color: var(--gk-press); }

/* Product page: the buy box goes dark */
:where(:root[data-theme="dark"]) #product-product .thumbnail, :where(:root[data-theme="dark"]) .thumbnail, :where(:root[data-theme="dark"]) .img-thumbnail { background: var(--gk-surface); border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) #product-product #product { background: var(--gk-surface); border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) #product .gk-qty { background: var(--gk-field); border-color: var(--gk-field-line); }
:where(:root[data-theme="dark"]) #product .gk-qty-b:hover, :where(:root[data-theme="dark"]) #product .gk-qty-b:focus-visible { background: var(--gk-tint-deep); color: var(--gk-deep); }
:where(:root[data-theme="dark"]) #product .gk-qty-b:active { background: var(--gk-tint); }
:where(:root[data-theme="dark"]) #product #input-quantity { background: transparent; }
:where(:root[data-theme="dark"]) .gk-stick { background: var(--gk-surface); border-top-color: var(--gk-line); box-shadow: 0 -8px 24px -12px rgba(0, 0, 0, .6); }
:where(:root[data-theme="dark"]) :is(.rating .fa-stack > i.fa-star-o, #review .fa-stack > i.fa-star-o) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath d='M8.5 1.2l2.1 4.4 4.8.6-3.5 3.3.9 4.8-4.3-2.3-4.3 2.3.9-4.8L1.6 6.2l4.8-.6z' fill='%235A6478'/%3E%3C/svg%3E"); }
:where(:root[data-theme="dark"]) :is(.rating .fa-stack > i.fa-star, #review .fa-stack > i.fa-star) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 16'%3E%3Cpath d='M8.5 1.2l2.1 4.4 4.8.6-3.5 3.3.9 4.8-4.3-2.3-4.3 2.3.9-4.8L1.6 6.2l4.8-.6z' fill='%23FFB627'/%3E%3C/svg%3E"); }
:where(:root[data-theme="dark"]) .product-thumb .rating .fa-star, :where(:root[data-theme="dark"]) #product-product .rating .fa-star { color: #FFB627; }
:where(:root[data-theme="dark"]) #review .table { background: var(--gk-surface); }
:where(:root[data-theme="dark"]) .nav-tabs > li.active > a, :where(:root[data-theme="dark"]) .nav-tabs > li.active > a:hover, :where(:root[data-theme="dark"]) .nav-tabs > li.active > a:focus { background: transparent; }

/* Tables, panels, wells, lists */
:where(:root[data-theme="dark"]) #checkout-cart .table-responsive > .table > tbody > tr { background: var(--gk-surface); border-color: var(--gk-line-strong); }
:where(:root[data-theme="dark"]) .table-bordered, :where(:root[data-theme="dark"]) .table { background: var(--gk-surface); color: var(--gk-ink-soft); }
:where(:root[data-theme="dark"]) .table-bordered, :where(:root[data-theme="dark"]) .table-bordered > thead > tr > td, :where(:root[data-theme="dark"]) .table-bordered > tbody > tr > td, :where(:root[data-theme="dark"]) .table-bordered > thead > tr > th, :where(:root[data-theme="dark"]) .table-bordered > tbody > tr > th, :where(:root[data-theme="dark"]) .table-bordered > tfoot > tr > td, :where(:root[data-theme="dark"]) .table > thead > tr > td, :where(:root[data-theme="dark"]) .table > tbody > tr > td, :where(:root[data-theme="dark"]) .table > tfoot > tr > td, :where(:root[data-theme="dark"]) .table > thead > tr > th, :where(:root[data-theme="dark"]) .table > tbody > tr > th { border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .table-striped > tbody > tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, .03); }
:where(:root[data-theme="dark"]) .table-hover > tbody > tr:hover { background-color: var(--gk-tint); }
:where(:root[data-theme="dark"]) #cart .dropdown-menu .table, :where(:root[data-theme="dark"]) #cart .dropdown-menu .table-bordered { background: transparent; }
:where(:root[data-theme="dark"]) .panel, :where(:root[data-theme="dark"]) .panel-body { background: var(--gk-surface); color: var(--gk-ink-soft); }
:where(:root[data-theme="dark"]) .panel-group .panel, :where(:root[data-theme="dark"]) .panel-default { border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .panel-default > .panel-heading { background: var(--gk-surface); color: var(--gk-ink); border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .panel-primary > .panel-heading { color: var(--gk-on-deep); background: var(--gk-deep); }
:where(:root[data-theme="dark"]) .well { background: var(--gk-surface); border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .list-group-item { background: var(--gk-surface); border-color: var(--gk-line); color: var(--gk-ink-soft); }
:where(:root[data-theme="dark"]) a.list-group-item, :where(:root[data-theme="dark"]) button.list-group-item { color: var(--gk-ink-soft); }
:where(:root[data-theme="dark"]) .list-group a.list-group-item:hover, :where(:root[data-theme="dark"]) .list-group a.list-group-item:focus { background: var(--gk-tint); color: var(--gk-ink); }
:where(:root[data-theme="dark"]) .list-group-item.active, :where(:root[data-theme="dark"]) .list-group-item.active:hover, :where(:root[data-theme="dark"]) .list-group-item.active:focus { color: var(--gk-on-deep); background-color: var(--gk-deep); border-color: var(--gk-deep); }
/* The open category stands out clearly from the panel: a brand-tinted fill, white text */
:where(:root[data-theme="dark"]) #column-left .list-group-item.active, :where(:root[data-theme="dark"]) #column-left .list-group a.list-group-item.active { background: rgba(var(--gk-brand-rgb), .16); color: #fff; border-color: var(--gk-line); border-left-color: var(--gk-brand); }
:where(:root[data-theme="dark"]) .pagination > li > a, :where(:root[data-theme="dark"]) .pagination > li > span { background: var(--gk-surface); border-color: var(--gk-line-strong); color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .pagination > li > a:hover, :where(:root[data-theme="dark"]) .pagination > li > a:focus, :where(:root[data-theme="dark"]) .pagination > li > span:hover { background: var(--gk-tint); color: var(--gk-deeper); }
:where(:root[data-theme="dark"]) .pagination > .active > a, :where(:root[data-theme="dark"]) .pagination > .active > a:hover, :where(:root[data-theme="dark"]) .pagination > .active > a:focus, :where(:root[data-theme="dark"]) .pagination > .active > span, :where(:root[data-theme="dark"]) .pagination > .active > span:hover { color: var(--gk-on-deep); background-color: var(--gk-deep); border-color: var(--gk-deep); }
:where(:root[data-theme="dark"]) .pagination > .disabled > a, :where(:root[data-theme="dark"]) .pagination > .disabled > span { background: var(--gk-surface); color: var(--gk-mute); border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .breadcrumb > li + li:before { color: var(--gk-mute); }
:where(:root[data-theme="dark"]) #error-not-found #content { background: var(--gk-surface); border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .modal-content { background: var(--gk-surface); border-color: var(--gk-line-strong); color: var(--gk-ink-soft); }
:where(:root[data-theme="dark"]) .modal-header, :where(:root[data-theme="dark"]) .modal-footer { border-color: var(--gk-line); }
:where(:root[data-theme="dark"]) .modal-backdrop.in { opacity: .7; }
:where(:root[data-theme="dark"]) .close { color: var(--gk-ink); text-shadow: none; opacity: .75; }
:where(:root[data-theme="dark"]) .close:hover, :where(:root[data-theme="dark"]) .close:focus { color: var(--gk-ink); opacity: 1; }
:where(:root[data-theme="dark"]) .popover { background: var(--gk-raised); border-color: var(--gk-line-strong); color: var(--gk-ink); }
:where(:root[data-theme="dark"]) .label-default { background: var(--gk-line-strong); color: var(--gk-ink); }

/* Notices */
:where(:root[data-theme="dark"]) .alert .close:hover, :where(:root[data-theme="dark"]) .alert .close:focus-visible { background: rgba(255, 255, 255, .1); }
:where(:root[data-theme="dark"]) .alert-success { background: var(--gk-tint); border-color: var(--gk-tint-line); color: var(--gk-ink); }
:where(:root[data-theme="dark"]) .alert-danger { background: #3A1418; border-color: #6B2A30; color: #FFC9CC; }
:where(:root[data-theme="dark"]) .alert-danger a { color: #FFE1E3; }
:where(:root[data-theme="dark"]) .alert-info { background: var(--gk-raised); border-color: var(--gk-line-strong); color: var(--gk-ink); }
:where(:root[data-theme="dark"]) .alert-warning { background: #33290B; border-color: #6B5413; color: #FFE08A; }
:where(:root[data-theme="dark"]) .alert-warning a { color: #FFF0C2; }

/* Footer */
:where(:root[data-theme="dark"]) footer { border-top: 0; }
:where(:root[data-theme="dark"]) .gk-pay-l svg { fill: #1F2328; }
:where(:root[data-theme="dark"]) footer hr { border-top-color: transparent; }

/* Our own cards and panels */
:where(:root[data-theme="dark"]) .gk-tile { background: var(--gk-surface); border-color: var(--gk-line-strong); }
:where(:root[data-theme="dark"]) .gk-tile:hover { background: var(--gk-raised); }
:where(:root[data-theme="dark"]) .mfp-bg { background: rgba(0, 0, 0, .94); }

/* Flags keep their rounded edge on dark and highlighted rows (a blue stripe on a blue row
   otherwise loses its corners) */
:where(:root[data-theme="dark"]) #form-language img, :where(:root[data-theme="dark"]) #top #form-currency .currency-select::before { box-shadow: 0 0 0 1px rgba(255, 255, 255, .38); }