/*
 * Anka Space - Cassiopeia child template "anka"
 * Recreates the original 2013 space theme on Joomla 6 (dark starfield, metal header,
 * glowing blue "box"/"color" modules, Orbitron headings, fixed bottom bar).
 * @license GNU General Public License version 2 or later
 */

@font-face { font-family: "OrbitronMedium"; src: url("../fonts/orbitron-medium-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "OrbitronLight"; src: url("../fonts/orbitron-light-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: "UbuntuRegular"; src: url("../fonts/Ubuntu-Regular-webfont.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; }

:root {
  --anka-blue: #70ccff;
  --anka-blue-hover: #b0e3ff;
  --anka-blue-glow: 0 0 5px rgba(0, 161, 250, .4);
  --anka-text: #999;
  --anka-title: #bec5ca;
  --anka-white: #f2f9ff;
  --anka-bg: #08080a;
  --anka-wrap: 980px;
  --cassiopeia-color-primary: #70ccff;
  --cassiopeia-color-link: #70ccff;
  --cassiopeia-color-hover: #b0e3ff;
  --link-color: #70ccff;
  --body-bg: #08080a;
  --body-color: #999;
  --cassiopeia-font-family-body: "UbuntuRegular", Arial, sans-serif;
  --cassiopeia-font-family-headings: "OrbitronMedium", Arial, sans-serif;
}

/* ---------- Base ---------- */
html { background: var(--anka-bg) url("../images/bg.jpg") 50% 0 / cover fixed no-repeat; }
body.anka {
  margin: 0;
  background: transparent;
  color: var(--anka-text);
  font: 13px/20px "UbuntuRegular", Arial, sans-serif;
}
#playground { position: fixed; inset: 0; z-index: -1; display: block; pointer-events: none; }
body.anka a { color: var(--anka-blue); text-shadow: var(--anka-blue-glow); text-decoration: none; }
body.anka a:hover, body.anka a:focus { color: var(--anka-blue-hover); text-shadow: 0 0 5px rgba(0, 161, 250, .6); }
body.anka h1, body.anka h2, body.anka h3, body.anka h4, body.anka h5, body.anka h6 { font-family: "OrbitronMedium", Arial, sans-serif; font-weight: normal; margin: 0 0 15px; }
body.anka h1 { font-size: 30px; line-height: 32px; color: var(--anka-blue); text-shadow: var(--anka-blue-glow); }
body.anka h2 { font-size: 26px; line-height: 28px; color: var(--anka-blue); text-shadow: var(--anka-blue-glow); }
body.anka h3 { font-size: 20px; line-height: 22px; color: var(--anka-white); text-shadow: 0 -1px 0 #000, 0 0 5px rgba(255, 255, 255, .4); }
body.anka h4 { font-size: 18px; line-height: 20px; color: var(--anka-blue); text-shadow: var(--anka-blue-glow); }
body.anka h5, body.anka h6 { font-size: 18px; line-height: 20px; color: var(--anka-white); }
body.anka p { margin: 15px 0; }
body.anka strong, body.anka b { color: inherit; }
::selection { background: rgba(0, 161, 250, .1); color: var(--anka-blue); }
.wrapper { width: var(--anka-wrap); max-width: 100%; margin: 0 auto; box-sizing: border-box; }
.visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* ---------- Header (fixed metal bar) ---------- */
#block-header { position: fixed; top: 0; left: 0; right: 0; z-index: 999; height: 145px; padding-bottom: 27px; background: url("../images/header_glas.png") 50% 0 no-repeat; pointer-events: none; }
#block-header > div { height: 145px; background: url("../images/header_color.png") 50% 0 no-repeat; }
#header { margin: 0 15px; height: 145px; position: relative; pointer-events: auto; }
#headerbar { height: 92px; position: relative; display: flex; align-items: flex-start; justify-content: space-between; }
#logo { display: block; width: 300px; height: 90px; text-shadow: none; }
#logo .mod-custom, #logo p { margin: 0; }
#logo img { display: block; width: 300px; height: 90px; }
#logo .site-title { font: 34px/90px "OrbitronMedium", sans-serif; color: #333; text-shadow: none; }
.headerbar-right { margin-top: 35px; color: #fff; }
.headerbar-right .mod-custom, .headerbar-right p { margin: 0; }
ul.social-icons-special { display: flex; gap: 10px; list-style: none; margin: 0; padding: 0; }
ul.social-icons-special li a { display: block; width: 24px; height: 26px; overflow: hidden; text-indent: 50px; white-space: nowrap; background: url("../images/tools/icons_social_special.png") 0 0 no-repeat; }
ul.social-icons-special li.googleplus a { background-position: 0 0; }
ul.social-icons-special li.googleplus a:hover { background-position: 0 -30px; }
ul.social-icons-special li.twitter a { background-position: 0 -60px; }
ul.social-icons-special li.twitter a:hover { background-position: 0 -90px; }
ul.social-icons-special li.facebook a { background-position: 0 -120px; }
ul.social-icons-special li.facebook a:hover { background-position: 0 -150px; }

#menubar { padding: 10px 0 0; height: 43px; display: flex; justify-content: space-between; align-items: flex-start; }
#menu { margin-top: 2px; }
#menu a, #menu a:hover { text-decoration: none !important; }
#menu ul.mod-menu { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; }
#menu .mod-menu__toggle-sub { display: none; }
#menu li.divider > .mod-menu__toggle-sub { display: block; padding: 0; margin: 0; border: 0; background: none; box-shadow: none; }
#menu li.divider > .mod-menu__toggle-sub .icon-chevron-down { display: none; }
#menu ul.mod-menu > li.divider > .mod-menu__toggle-sub .separator { display: block; padding: 0 10px; height: 30px; font: 15px/30px "OrbitronLight", Arial, sans-serif; color: var(--anka-text); text-shadow: 0 -1px 0 #000; white-space: nowrap; }
#menu ul.mod-menu > li.divider:hover > .mod-menu__toggle-sub .separator, #menu ul.mod-menu > li.divider:focus-within > .mod-menu__toggle-sub .separator { color: var(--anka-blue-hover); text-shadow: 0 0 5px rgba(0, 161, 250, .6); }
#menu ul.mod-menu > li.divider.active > .mod-menu__toggle-sub .separator { color: var(--anka-white); text-shadow: 0 -1px 0 #000, 0 0 5px rgba(255, 255, 255, .4); background: radial-gradient(ellipse 60% 70% at 50% 60%, rgba(112, 204, 255, .28), rgba(112, 204, 255, 0) 70%); }
#menu ul.mod-menu > li { position: relative; margin-right: 10px; padding: 0 0 22px; }
#menu ul.mod-menu > li > a, #menu ul.mod-menu > li > span {
  display: block; padding: 0 10px; height: 30px; line-height: 30px; cursor: pointer;
  font: 15px/30px "OrbitronLight", Arial, sans-serif; color: var(--anka-text);
  text-shadow: 0 -1px 0 #000; white-space: nowrap; background: none; border: 0;
}
#menu ul.mod-menu > li:hover > a, #menu ul.mod-menu > li:hover > span, #menu ul.mod-menu > li:focus-within > a, #menu ul.mod-menu > li:focus-within > span { color: var(--anka-blue-hover); text-shadow: 0 0 5px rgba(0, 161, 250, .6); }
#menu ul.mod-menu > li.active > a, #menu ul.mod-menu > li.active > span {
  color: var(--anka-white);
  text-shadow: 0 -1px 0 #000, 0 0 5px rgba(255, 255, 255, .4);
  background: radial-gradient(ellipse 60% 70% at 50% 60%, rgba(112, 204, 255, .28), rgba(112, 204, 255, 0) 70%);
}
#menu ul.mod-menu ul {
  display: none; position: absolute; top: 52px; left: 0; z-index: 20; min-width: 200px; margin: 0; padding: 3px; list-style: none;
  border: 1px solid rgba(255, 255, 255, .05); border-radius: 8px; background: url("../images/menu_dropdown_dropdown.png") 0 0 repeat; box-shadow: 0 1px 1px #000;
}
#menu ul.mod-menu > li:hover > ul, #menu ul.mod-menu > li:focus-within > ul { display: block; }
#menu ul.mod-menu ul li { margin-top: 3px; padding: 0; }
#menu ul.mod-menu ul li:first-child { margin-top: 0; }
#menu ul.mod-menu ul a {
  display: block; padding: 6px; line-height: 20px; font: 14px/20px "UbuntuRegular", Arial, sans-serif; text-transform: uppercase;
  border: 1px solid #1e1e1f; border-radius: 4px; color: var(--anka-text); text-shadow: 0 1px 1px #000;
  background: url("../images/menu_dropdown_level2.png") 0 0 repeat-x;
}
#menu ul.mod-menu ul a:hover { color: var(--anka-blue); border-color: rgba(112, 204, 255, .2); box-shadow: inset 0 0 10px rgba(0, 161, 250, .1); text-shadow: var(--anka-blue-glow); }
#menu ul.mod-menu ul li.current > a { color: var(--anka-white); border-color: #333335; box-shadow: inset 0 0 5px rgba(255, 255, 255, .05); }

/* Search (Smart Search module styled as the original search box) */
#search { width: 150px; height: 30px; margin-top: 2px; border-radius: 3px; box-shadow: inset 0 0 0 1px rgba(112, 204, 255, .25), 0 0 4px rgba(0, 161, 250, .25); background: rgba(0, 20, 40, .55) url("../images/searchbox.png") 0 50% no-repeat; }
#search form, #search .mod-finder__search, #search .input-group { margin: 0; display: flex; }
#search label, #search .btn, #search button { display: none; }
#search input[type="search"], #search input[type="text"] {
  width: 100%; height: 30px; padding: 0 8px 0 28px; border: 0; border-radius: 3px; background: transparent; box-shadow: none;
  color: var(--anka-blue); text-shadow: var(--anka-blue-glow); font: 13px Arial, sans-serif;
}
#search .awesomplete { width: 100%; display: block; }
#search input::placeholder { color: var(--anka-blue); opacity: 1; }
#search .awesomplete > ul { background: #0b1520; border: 1px solid rgba(112, 204, 255, .2); }
#search .awesomplete > ul > li { color: var(--anka-text); }

/* ---------- Main ---------- */
#block-main > div > div { padding: 141px 0 150px; }
#top-a .module { margin: 15px; }
#main { display: flex; align-items: flex-start; }
#maininner { flex: 1 1 auto; min-width: 0; }
.no-sidebar-a #maininner { width: 100%; }
#sidebar-a { flex: 0 0 245px; width: 245px; }
#content {
  margin: 15px; border-radius: 10px;
  background: url("../images/system_tl.png") 0 0 no-repeat, url("../images/system_tr.png") 100% 0 no-repeat, url("../images/system_bl.png") 0 100% no-repeat, url("../images/system_br.png") 100% 100% no-repeat, url("../images/system.png") 0 0 repeat;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 0 1px rgba(0, 0, 0, .9), inset 0 0 5px rgba(0, 0, 0, .4), 0 3px 5px rgba(0, 0, 0, .5), 0 2px 0 1px rgba(0, 0, 0, .5);
}
#content > div { padding: 25px; }
#system { min-height: 40px; }

/* Breadcrumbs */
#content .mod-breadcrumbs__wrapper { margin: 0 0 15px; }
#content ol.breadcrumb { display: flex; flex-wrap: wrap; margin: 0; padding: 0; background: none; list-style: none; font-size: 13px; }
#content ol.breadcrumb li { padding: 0; }
#content ol.breadcrumb li + li::before { content: ""; display: inline-block; width: 1px; height: 14px; margin: 0 12px 0 2px; vertical-align: -2px; background: #333; float: none; padding: 0; }
#content ol.breadcrumb li.mod-breadcrumbs__here + li::before { display: none; }
#content ol.breadcrumb .mod-breadcrumbs__here, #content ol.breadcrumb li.divider, #content ol.breadcrumb .icon-location { display: none; }
#content ol.breadcrumb li.active span, #content ol.breadcrumb li.active { color: var(--anka-white); text-shadow: 0 -1px 0 #000, 0 0 5px rgba(255, 255, 255, .4); font-weight: bold; }

/* Articles / blog */
#system .page-header h1, #system .page-header h2, #system h2.item-title, #system .com-content-article h1 { font-size: 30px; line-height: 32px; margin: 0 0 6px; }
#system .page-header h2 a, #system h2 a { color: var(--anka-blue); }
#system .com-content-category-blog > h1, #system .blog-featured > h1, #system .blog > h1, #system .page-header:first-child h1 { margin-bottom: 15px; }
#system .article-info, #system dl.article-info, #system .article-info dd, #system .article-info time { margin: 0 0 10px; font-size: 11px; line-height: 13px; text-transform: uppercase; color: #999; opacity: 1; text-shadow: 0 1px 1px #000; }
#system .article-info dd { margin: 0; }
#system .article-info .icon-calendar, #system .article-info [class^="icon-"], #system .article-info-term, #system .article-info .hits { display: none; }
#system .blog-item, #system .com-content-category-blog__item, #system .items-leading > div, #system .items-row { margin: 0 0 20px; padding: 0 0 20px; border-bottom: 1px solid rgba(255, 255, 255, .06); box-shadow: 0 1px 0 rgba(0, 0, 0, .8); background: none; }
#system .blog-items, #system .items-leading, #system .com-content-category-blog__items { display: block; }
#system .card, #system .blog-item .item-content { background: none; border: 0; color: inherit; }
#system p.readmore { margin: 15px 0 0; }
#system p.readmore a, #system p.readmore .btn { text-transform: none; font-family: "UbuntuRegular", Arial, sans-serif; padding: 0; border: 0; background: none; font-size: 20px; line-height: 22px; color: var(--anka-blue); text-shadow: var(--anka-blue-glow); }
#system p.readmore a .icon-chevron-right, #system p.readmore a .icon-chevron-left { display: none; }
#system p.readmore a::after { content: " \00bb"; }
#system .com-content-category-blog__links, #system .items-more { margin-top: 15px; }
#system .items-more::before { content: "More Articles..."; display: block; margin: 0 0 15px; font: 20px/22px "OrbitronMedium", Arial, sans-serif; color: var(--anka-white); text-shadow: 0 -1px 0 #000, 0 0 5px rgba(255, 255, 255, .4); }
#system .items-more ol, #system .items-more ul { list-style: disc; padding-left: 30px; }
#system .items-more h3, #system .com-content-category-blog__links h3 { font-size: 20px; color: var(--anka-white); }
#system table { color: inherit; }
#system img { max-width: 100%; height: auto; }
#system hr { border-color: rgba(255, 255, 255, .08); }
#system .pagination .page-link { background: rgba(0, 0, 0, .4); border-color: #1e1e1f; color: var(--anka-blue); }
#system .pagination .active .page-link { background: rgba(112, 204, 255, .15); color: var(--anka-white); }

/* Error page */
#system.anka-error { min-height: 260px; padding: 10px 0 20px; }
#system.anka-error h1 { margin-bottom: 20px; }
#system.anka-error p { font-size: 15px; line-height: 24px; max-width: 560px; }
.anka-error-actions { margin-top: 30px !important; }
.anka-error-debug { margin-top: 30px; padding-top: 15px; border-top: 1px solid rgba(255,255,255,.08); font-size: 12px; overflow-x: auto; }

/* Facebook share (replaces fb_tw_plus1) */
.anka-share { display: flex; justify-content: flex-end; margin: 10px 0; height: 40px; align-items: center; }
body.anka a.anka-share-link {
  display: inline-block; height: 20px; padding: 0 4px 0 20px; line-height: 20px; border: 1px solid #cad4e7; border-radius: 3px;
  background: #eceef5; color: #3b5998; text-shadow: none; font: 11px/20px Arial, sans-serif; position: relative;
}
body.anka a.anka-share-link::before { content: "f"; position: absolute; left: 5px; top: 0; font: bold 12px/20px Arial, sans-serif; color: #3b5998; }
body.anka a.anka-share-link:hover { border-color: #9dacce; color: #3b5998; text-shadow: none; }


/* Forms (contact, login, search results) */
body.anka .form-control, body.anka input[type="text"], body.anka input[type="email"], body.anka input[type="password"], body.anka textarea, body.anka select {
  background: rgba(0, 0, 0, .55); border: 1px solid #1e1e1f; color: #ccc; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .8); border-radius: 3px;
}
body.anka ::placeholder { color: #999; opacity: 1; }
body.anka .form-control:focus, body.anka input:focus, body.anka textarea:focus { border-color: rgba(112, 204, 255, .45); box-shadow: 0 0 6px rgba(0, 161, 250, .35); color: #eee; }
body.anka .btn, body.anka button.btn-primary, body.anka .btn-primary, body.anka .btn-secondary {
  background: url("../images/code.png") 0 0 repeat; border: 1px solid rgba(112, 204, 255, .2); color: var(--anka-blue); text-shadow: var(--anka-blue-glow);
  box-shadow: inset 0 0 10px rgba(0, 161, 250, .1); text-transform: uppercase; font-size: 12px;
}
body.anka .btn:hover { color: var(--anka-blue-hover); box-shadow: inset 0 0 10px rgba(0, 161, 250, .3); }
body.anka fieldset { border: 1px solid #1e1e1f; border-radius: 6px; padding: 15px; }
body.anka legend { color: var(--anka-text); font-size: 13px; text-transform: uppercase; float: none; width: auto; padding: 0 10px; }
body.anka .control-label label, body.anka .form-label, body.anka label { color: var(--anka-text); }
body.anka .contact-address, body.anka .com-contact__address { color: var(--anka-text); }
body.anka joomla-alert, body.anka .alert { background: rgba(0, 0, 0, .6); color: var(--anka-text); border-color: rgba(112, 204, 255, .25); }

/* ---------- Modules ---------- */
.module { position: relative; margin: 15px; }
.module .module-title { font: 22px/22px "OrbitronMedium", Arial, sans-serif; margin: 0 0 15px; color: var(--anka-title); text-shadow: 0 -1px 0 #000, 0 0 5px rgba(255, 255, 255, .4); }
.module .module-title .color { color: var(--anka-blue); text-shadow: var(--anka-blue-glow); }
.module .module-title .subtitle { display: block; font-size: 12px; text-transform: uppercase; color: var(--anka-text); }
.module .module-title .icon { display: inline-block; width: 30px; height: 30px; margin: -6px 4px -6px 0; vertical-align: middle; background: url("../images/module_icons.png") 0 0 no-repeat; }
.module .module-title .icon-download { background-position: 0 0; }
.module .module-title .icon-twitter { background-position: 0 -30px; }
.module .module-title .icon-mail { background-position: 0 -60px; }
.module .module-title .icon-bubble { background-position: 0 -90px; }
.module .module-title .icon-login { background-position: 0 -120px; }
.module .module-title .icon-cart { background-position: 0 -150px; }
.mod-box {
  padding: 15px; border-radius: 10px; background: url("../images/module_box.png") 0 0 repeat;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .06), 0 0 0 1px rgba(0, 0, 0, .9), inset 0 0 5px rgba(0, 0, 0, .4), 0 3px 5px rgba(0, 0, 0, .5), 0 2px 0 1px rgba(0, 0, 0, .5);
}
.mod-color {
  padding: 15px; border-radius: 10px; border: 1px solid #234b64; border-top-color: #4a8cb2;
  background: url("../images/module_color.png") 0 0 repeat; box-shadow: inset 0 0 10px rgba(0, 161, 250, .1), 0 3px 5px rgba(0, 0, 0, .5);
  color: var(--anka-blue); text-shadow: var(--anka-blue-glow);
}
.mod-color .module-title { color: var(--anka-blue-hover); text-shadow: 0 0 5px rgba(0, 161, 250, .6); }
.mod-color .module-title .color { color: var(--anka-blue-hover); }
.mod-color em { color: var(--anka-blue); }
.mod-line { padding: 0; }
.module .mod-custom p:first-child { margin-top: 0; }
.module .mod-custom p:last-child { margin-bottom: 0; }

/* Sidebar login */
#sidebar-a .mod-login .form-control, #sidebar-a .mod-login input[type="text"], #sidebar-a .mod-login input[type="password"] { width: 155px; height: 28px; font-size: 12px; }
#sidebar-a .mod-login .input-group-text, #sidebar-a .mod-login .input-password-toggle { display: none; }
#sidebar-a .mod-login .mod-login__options a { display: block; }
#sidebar-a .mod-login .mod-login__options ul { list-style: none; padding: 0; margin: 10px 0 0; }

/* Button "more" (e.g. ANKA ON FACEBOOK, From NASA) */
body.anka a.button-more {
  display: inline-block; position: relative; height: 40px; margin: 0 13px; padding: 0 13px; line-height: 41px; font-size: 11px; text-transform: uppercase;
  background: url("../images/tools/button_more.png") 0 -80px repeat-x;
}
body.anka a.button-more::before, body.anka a.button-more::after { content: ""; position: absolute; top: 0; width: 13px; height: 40px; background: url("../images/tools/button_more.png") no-repeat; }
body.anka a.button-more::before { right: -13px; background-position: 0 -160px; }
body.anka a.button-more::after { left: -13px; background-position: 0 0; }
body.anka a.button-more:hover { background-position: 0 -120px; }
body.anka a.button-more:hover::before { background-position: 0 -200px; }
body.anka a.button-more:hover::after { background-position: 0 -40px; }
.display-block { display: block; }
.text-center { text-align: center; }
ul.line { list-style: none; padding: 0; margin: 0; }
ul.line > li { padding: 5px 0; background: url("../images/tools/list_line.png") 0 0 repeat-x; }
ul.line > li:first-child { background: none; }
.mod-color ul.line > li { background-image: url("../images/tools/list_line_color.png"); }
ul.check { list-style: none; padding: 0; }
ul.check > li { padding-left: 25px; background: url("../images/tools/list_check.png") 0 0 no-repeat; }

/* Archive tree (replaces mod_lca) */
ul.anka-lca, ul.anka-lca ul { list-style: none; margin: 0; padding: 0; }
ul.anka-lca { padding-left: 10px; }
ul.anka-lca ul { padding-left: 12px; }
ul.anka-lca summary { list-style: none; cursor: pointer; color: var(--anka-blue); text-shadow: var(--anka-blue-glow); line-height: 22px; }
ul.anka-lca summary::-webkit-details-marker { display: none; }
ul.anka-lca summary::before { content: "\25BA"; display: inline-block; width: 16px; font-size: 11px; }
ul.anka-lca details[open] > summary::before { content: "\25BC"; }
ul.anka-lca li.anka-lca-item { padding-left: 10px; text-indent: -8px; line-height: 20px; }
ul.anka-lca li.anka-lca-item::before { content: "\2022 "; color: var(--anka-blue); }

/* Planet carousel (Navigation Panel) */
.anka-carousel { position: relative; height: 250px; }
.anka-carousel-header { position: absolute; right: 0; top: -2px; font-weight: bold; color: var(--anka-blue); text-shadow: 0 0 5px #000; z-index: 210; }
.anka-carousel-nav { position: absolute; right: 23px; top: 24px; z-index: 210; display: flex; gap: 6px; }
.anka-carousel-nav button {
  width: 34px; height: 34px; padding: 0; overflow: hidden; text-indent: 60px; white-space: nowrap; cursor: pointer;
  border: 1px solid rgba(112, 204, 255, .45); border-radius: 2px; background: rgba(0, 20, 40, .7); position: relative;
}
.anka-carousel-nav button::after { content: ""; position: absolute; left: 9px; top: 7px; width: 0; height: 0; border: 9px solid transparent; }
.anka-carousel-nav .prev::after { border-right: 14px solid var(--anka-blue); left: 0; }
.anka-carousel-nav .next::after { border-left: 14px solid var(--anka-blue); left: 9px; }
.anka-carousel-nav button:hover { box-shadow: 0 0 8px rgba(0, 161, 250, .6); }
.anka-carousel-stage { position: absolute; left: 0; right: 0; top: 20px; height: 220px; overflow: visible; }
.anka-planet { position: absolute; display: block; }
.anka-planet-link { display: block; text-shadow: none !important; }
.anka-planet img { display: block; width: 100%; height: auto; -webkit-box-reflect: below 5px linear-gradient(transparent 62%, rgba(255, 255, 255, .45)); }
.anka-planet .anka-planet-info { display: none; }
.anka-carousel-caption {
  position: absolute; left: 50%; top: 10px; width: 180px; min-height: 160px; margin-left: -40px; padding: 3px 15px 20px 8px; z-index: 75;
  border-radius: 10px; border: 1px solid #234b64; border-top-color: #4a8cb2; background: url("../images/module_color.png") 0 0 repeat;
  box-shadow: inset 0 0 10px rgba(0, 161, 250, .1), 0 3px 5px rgba(0, 0, 0, .5); color: var(--anka-blue); text-shadow: 0 0 5px #000;
}
.anka-carousel-caption .title { font-weight: bold; line-height: 20px; }
.anka-carousel-caption .alt b { color: var(--anka-blue-hover); }
.anka-carousel-caption .alt { line-height: 20px; }
.anka-carousel-caption .alt a { display: block; text-align: center; font-weight: bold; }

/* ---------- Bottom bar (fixed) + footer ---------- */
#block-bottom { position: fixed; left: 0; right: 0; bottom: -20px; z-index: 900; padding: 102px 0 0; background: url("../images/bottom-b_t.png") 50% 0 no-repeat; }
#block-bottom > div { background: url("../images/bottom-b.png") 0 0 repeat; }
#bottom-b { margin-top: -115px; height: 105px; overflow: hidden; }
#footer { position: relative; margin: 0 15px; padding: 0 0 20px; color: #434547; text-align: center; }
#footer .mod-custom p { margin: 0; }
#totop-scroller { position: absolute; top: -60px; right: 0; z-index: 4; display: block; width: 36px; height: 36px; background: url("../images/totop_scroller.png") 0 0 no-repeat; }
#totop-scroller:hover { background-position: 0 -50px; }

.anka-slideset { position: relative; height: 105px; padding: 0 15px; }
.anka-slideset .set { position: absolute; inset: 0 15px; display: flex; margin: 15px 0 0; padding: 0; list-style: none; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .3s, transform .3s, visibility .3s; }
.anka-slideset .set.active { opacity: 1; visibility: visible; transform: none; }
.anka-slideset .set > li { flex: 1 1 33.33%; padding: 0 15px 0 25px; border-left: 1px solid rgba(255, 255, 255, .08); box-shadow: -1px 0 0 rgba(0, 0, 0, .8); }
.anka-slideset .set > li:first-child { border-left: 0; box-shadow: none; padding-left: 15px; }
.anka-slideset h4 { margin: 10px 0 8px; font: bold 18px/20px Arial, Helvetica, sans-serif; }
.anka-slideset h4 a { font-family: Arial, Helvetica, sans-serif; }
.anka-slideset p.frontpage-slideset { margin: 0; width: 270px; max-width: 100%; color: var(--anka-text); }

/* ---------- Mobile toggle ---------- */
.anka-menu-toggle { display: none; }

/* ---------- Responsive (phone / small tablet) ---------- */
@media (max-width: 979px) {
  :root { --anka-wrap: 100%; }
  #block-header { position: relative; height: auto; padding: 0; background: linear-gradient(#5a5c5e, #2b2d2f 60%, #1b1c1e); border-bottom: 1px solid #000; box-shadow: 0 2px 6px rgba(0, 0, 0, .7); }
  #block-header > div { height: auto; background: none; }
  #header { height: auto; margin: 0 12px; }
  #headerbar { height: 46px; align-items: center; }
  #logo, #logo img { width: 160px; height: 48px; }
  .headerbar-right { display: none; }
  .anka-menu-toggle { display: block; width: 40px; height: 34px; border: 1px solid #111; border-radius: 4px; background: linear-gradient(#3b3d40, #1d1e20); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15); cursor: pointer; }
  .anka-burger, .anka-burger::before, .anka-burger::after { display: block; width: 18px; height: 2px; margin: 0 auto; background: #ddd; position: relative; content: ""; }
  .anka-burger::before { position: absolute; top: -6px; }
  .anka-burger::after { position: absolute; top: 6px; }
  #menubar { display: none; height: auto; padding: 0 0 12px; flex-direction: column; gap: 10px; }
  .anka-menu-open #menubar { display: flex; }
  #menu, #search { width: 100%; }
  #menu ul.mod-menu { flex-direction: column; }
  #menu ul.mod-menu > li { margin: 0; padding: 0; border-top: 1px solid rgba(255, 255, 255, .06); }
  #menu ul.mod-menu > li > a, #menu ul.mod-menu > li > span { padding: 6px 4px; height: auto; }
  #menu ul.mod-menu ul { display: block; position: static; border: 0; background: none; box-shadow: none; padding: 0 0 6px 16px; min-width: 0; }
  #block-main > div > div { padding: 6px 0 24px; }
  #top-a .module { margin: 10px 12px; }
  #main { display: block; }
  #sidebar-a { width: auto; }
  #content { margin: 12px; }
  #content > div { padding: 20px; }
  .module { margin: 12px; }
  body.anka h1, #system .page-header h1, #system .page-header h2, #system h2.item-title { font-size: 22px; line-height: 26px; }
  #block-bottom { position: static; padding: 0; background: none; }
  #block-bottom > div { background: none; }
  #bottom-b { display: none; }
  #footer { padding: 14px 0 20px; }
  #totop-scroller { display: none; }
  .anka-carousel { height: 230px; }
  .anka-carousel-header { position: static; text-align: right; }
  .anka-carousel-nav { top: 22px; right: 0; }
  .anka-carousel-caption { display: none; }
}