/* Thème Arklandia pour Forgejo : reprend le style « Nebula » du panneau (vert émeraude, verre dépoli). */
@import url("./theme-forgejo-dark.css");

@font-face{font-family:"Exo 2";font-weight:100 900;font-display:swap;src:url(/assets/arklandia/exo2-latin.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Exo 2";font-weight:100 900;font-display:swap;src:url(/assets/arklandia/exo2-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"JetBrains Mono";font-weight:100 800;font-display:swap;src:url(/assets/arklandia/jbmono-latin.woff2) format("woff2")}

:root{
  --steel-900:#0B1411; --steel-850:#0D1713; --steel-800:#0F1A16; --steel-750:#131E1A; --steel-700:#1A2521;
  --steel-650:#202B27; --steel-600:#242F2B; --steel-550:#2D3834; --steel-500:#3A4642; --steel-450:#4A5651;
  --steel-400:#646F6A; --steel-350:#78837E; --steel-300:#8A9690; --steel-250:#A3AEA8; --steel-200:#B9C4BE;
  --steel-150:#CDD8D2; --steel-100:#E3EFE9; --steel-50:#F1F7F4;

  --color-primary:#1F9D74; --color-primary-contrast:#fff; --color-primary-hover:#25B386; --color-primary-active:#2CC896;
  --color-primary-dark-1:#3DB38B; --color-primary-dark-2:#55B595; --color-primary-dark-3:#7DC6AE; --color-primary-dark-4:#9BE7C4;
  --color-primary-dark-5:#B5EED4; --color-primary-dark-6:#CFF4E3; --color-primary-dark-7:#EFFCF6;
  --color-primary-light-1:#1A8764; --color-primary-light-2:#167355; --color-primary-light-3:#115C44; --color-primary-light-4:#0D4635;
  --color-primary-light-5:#0A3829; --color-primary-light-6:#072B20; --color-primary-light-7:#051F17;
  --color-primary-alpha-10:#1F9D7419; --color-primary-alpha-20:#1F9D7433; --color-primary-alpha-30:#1F9D744B; --color-primary-alpha-40:#1F9D7466;
  --color-primary-alpha-50:#1F9D7480; --color-primary-alpha-60:#1F9D7499; --color-primary-alpha-70:#1F9D74B3; --color-primary-alpha-80:#1F9D74CC; --color-primary-alpha-90:#1F9D74E1;
  --color-accent:#55B595;
  --color-green:#2F9E44; --color-green-badge:#40C057; --color-red:#FA5252; --color-yellow:#FAB005;
  --color-text:#E3EFE9; --color-text-light:#B9C4BE; --color-text-light-1:#A3AEA8; --color-text-light-2:#8A9690; --color-text-light-3:#646F6A;
  --color-body:#0F1A16; --color-box-header:#0F1A16; --color-box-body:#1A252180; --color-box-body-highlight:#242F2B;
  --color-card:#1A252199; --color-menu:#0B141199; --color-input-background:#0B1411; --color-input-border:#2D3834;
  --color-nav-bg:#0B141199; --color-header-wrapper:#0B141199; --color-footer:#0B141199; --color-code-bg:#0B1411;
  --color-markup-code-block:#0B1411; --color-markup-code-inline:#0B1411;
  --color-secondary:#2D3834; --color-hover:#242F2B; --color-active:#242F2B; --color-button:#1A2521;
  --border-radius:5px; --border-radius-medium:8px; --border-radius-full:999px;
  --fonts-regular:"Exo 2",Helvetica,Arial,system-ui,sans-serif; --fonts-monospace:"JetBrains Mono",ui-monospace,monospace;
}

html,body{font-family:var(--fonts-regular)}
body{
  background:#0F1A16 url(/assets/arklandia/bg.jpg) center/cover fixed no-repeat;
  background-blend-mode:normal;
}
body::before{content:"";position:fixed;inset:0;background:#0F1A16;opacity:.2;pointer-events:none;z-index:-1}

/* Verre dépoli sur la barre, les cartes et les menus */
.full.height > .page-content, .page-content{background:transparent}
.ui.top.attached.header,.ui.segment,.ui.attached.segment,.ui.menu,.ui.card,.ui.cards>.card,
.repository .file-view,.repo-grid-filelist,.ui.dropdown .menu,.ui.popup,.page-content .ui.message{
  -webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);
}
.ui.segment,.ui.attached.segment,.ui.card,.ui.cards>.card,.ui.menu,.ui.attached.menu{
  border:1px solid #2D3834;border-radius:12px;box-shadow:none;
}
.ui.top.attached.header{background:#1F9D7433;border-color:#2D3834;border-radius:12px 12px 0 0}
#navbar{border-bottom:1px solid #2D3834}
.ui.button,.ui.input input,.ui.dropdown,.ui.form input,.ui.form textarea,.ui.selection.dropdown{border-radius:5px}
.ui.primary.button,.ui.green.button{background:#1F9D7438;border:1px solid #1F9D749E;color:#84C9B3}
.ui.primary.button:hover,.ui.green.button:hover{background:#1F9D7452;color:#E3EFE9}
.ui.button:active{transform:scale(.97)}
a{color:#55B595}a:hover{color:#9BE7C4}
code,pre,.monospace,.chroma{font-family:var(--fonts-monospace)}
.ui.label{border-radius:999px}
::-webkit-scrollbar-thumb{background:#2D3834}

/* ---- Page de connexion : même rendu que le panneau ---- */
body:has(.ark-login) #navbar,body:has(.ark-login) .page-footer,body:has(.ark-login) footer{display:none!important}
.ark-login{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:36vh;box-sizing:border-box;position:relative}
.ark-login-logo{position:fixed;top:14px;left:16px}
.ark-login-logo img{width:28px;height:28px;display:block}
.ark-login-box{width:400px;max-width:calc(100vw - 32px);display:flex;flex-direction:column}
.ark-login-title{margin:0;font-size:26px;font-weight:600;line-height:35px;color:#E3EFE9}
.ark-login-sub{margin:0 0 14px;color:#8A9690;font-size:16px;line-height:1.35}
.ark-form{display:flex;flex-direction:column;gap:6px}
.ark-field label{display:block;font-weight:600;font-size:16px;margin-bottom:6px;color:#E3EFE9}
.ark-input{position:relative}
.ark-input svg{position:absolute;left:14px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:#8A9690}
.ark-input input{width:100%;height:42px;box-sizing:border-box;background:#0B1411;border:1px solid #2D3834;border-radius:5px;color:#E3EFE9;padding:0 14px 0 40px;font:inherit;font-size:15px}
.ark-input input:focus{outline:none;border-color:#1F9D74}
.ark-field.error .ark-input input{border-color:#FA5252}
.ark-form.ark-step1 #ark-f-pass{display:none}
.ark-forgot{color:#8A9690;font-size:16px;margin:2px 0 8px}
.ark-forgot:hover{color:#9BE7C4}
.ark-btn{height:42px;border-radius:5px;background:#1F9D7438;border:1px solid #1F9D749E;color:#84C9B3;font:inherit;font-size:15px;cursor:pointer;transition:transform .1s}
.ark-btn:hover{background:#1F9D7452;color:#E3EFE9}.ark-btn:active{transform:scale(.97)}
.ark-login-box .ui.attached.segment,.ark-login-box .ui.container{background:transparent;border:0;padding:0;box-shadow:none;backdrop-filter:none;margin:10px 0 0}
.ark-login-box .divider,.ark-login-box .ui.horizontal.divider{color:#8A9690;font-size:11px}
.ark-login-box .ui.button.tw-w-full,.ark-login-box .oauth-login-link{height:42px;background:#1F9D7433;border:0;color:#7DC6AE;border-radius:5px}
.ark-lang{align-self:center;margin-top:18px;position:relative;display:flex;align-items:center;background:#0B1411;border:1px solid #2D3834;border-radius:5px;padding:0 8px;height:28px}
.ark-lang svg{width:12px;height:12px;color:#8A9690}
.ark-lang select{background:transparent;border:0;color:#E3EFE9;font:inherit;font-size:12px;padding:0 6px;height:26px;outline:none}
.ark-lang select option{background:#0B1411}
.ark-copy{align-self:center;margin-top:12px;font-size:12px;color:#8A9690}
.ark-copy a{color:#55B595}
.ark-login-box{width:400px!important;flex:0 0 400px!important;margin:0!important;padding:0!important}
.ark-login-logo{top:0!important;left:16px!important;line-height:0;margin-top:0!important}
.ark-login-logo img{margin-top:8px}
.ark-login{margin:0!important}
.ark-form,.ark-field,.ark-input{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.ark-input input,.ark-btn{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box}
.ark-login-links{position:fixed;top:12px;right:20px;display:flex;gap:18px}
.ark-login-links a{color:#8A9690;display:block}.ark-login-links a:hover{color:#9BE7C4}
.ark-login-links svg{width:16px;height:16px;display:block}
.ark-form.ark-step2 #ark-f-user,.ark-form.ark-step2 .ark-forgot{display:none}
.ark-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:0;color:#E3EFE9;cursor:pointer;padding:4px;width:auto!important}
.ark-eye svg{position:static;transform:none;width:16px;height:16px;color:inherit}
.ark-input input[type=password],.ark-input input[type=text]{padding-right:40px}
.ark-or{display:flex;align-items:center;gap:10px;color:#8A9690;font-size:11px;margin:14px 0}
.ark-or::before,.ark-or::after{content:"";flex:1;height:1px;background:#2D3834}
.ark-step2-extra{display:flex;flex-direction:column;gap:8px}
.ark-step2-extra[hidden]{display:none}
.ark-btn2{display:flex;align-items:center;justify-content:center;height:42px;border-radius:5px;background:#1F9D7433;border:0;color:#7DC6AE;font:inherit;font-size:15px;cursor:pointer;text-decoration:none;width:100%;box-sizing:border-box}
.ark-btn2:hover{background:#1F9D7452;color:#E3EFE9}

/* ---- Coins arrondis partout ---- */
#navbar .item,#navbar a.item,#navbar .ui.dropdown.item,.secondary-nav .item{border-radius:999px!important}
.ui.menu .item,.ui.secondary.menu .item,.ui.pointing.menu .item,.ui.tabular.menu .item,.ui.vertical.menu .item{border-radius:5px}
.ui.secondary.pointing.menu .item{border-radius:5px 5px 0 0}
.ui.compact.menu,.ui.menu.compact,.ui.buttons,.ui.fluid.buttons,.ui.action.input,.ui.input.action{border-radius:5px;overflow:hidden}
.ui.compact.menu .item:first-child,.ui.buttons .button:first-child{border-radius:5px 0 0 5px!important}
.ui.compact.menu .item:last-child,.ui.buttons .button:last-child{border-radius:0 5px 5px 0!important}
.ui.compact.menu .item:only-child,.ui.buttons .button:only-child{border-radius:5px!important}
.ui.action.input>input,.ui.input.action>input,.ui.form .ui.action.input input{border-radius:5px 0 0 5px!important}
.ui.action.input>.button,.ui.action.input>.buttons .button,.ui.input.action>.button{border-radius:0 5px 5px 0!important}
.ui.input input,.ui.form input:not([type=checkbox]):not([type=radio]),.ui.form textarea,.ui.form select,
.ui.selection.dropdown,.ui.dropdown.selection,.ui.search.dropdown>input.search,.ui.search.selection.dropdown{border-radius:5px}
.ui.dropdown .menu,.ui.dropdown .menu>.item:first-child,.ui.popup,.tippy-box{border-radius:8px}
.ui.dropdown .menu>.item{border-radius:0}
.ui.button,.ui.basic.button,.ui.mini.button,.ui.tiny.button,.ui.small.button,.ui.icon.button,button.btn,.ui.labeled .button{border-radius:5px}
.ui.segment,.ui.attached.segment,.ui.attached.table,.ui.table,.ui.message,.ui.attached.message,.ui.tab.segment,
.ui.attached.header,.ui.top.attached.header,.ui.bottom.attached.segment,.ui.attached.segment:last-child{border-radius:12px}
.ui.attached.segment:not(:last-child),.ui.top.attached.segment,.ui.attached.header:not(:last-child){border-bottom-left-radius:0;border-bottom-right-radius:0}
.ui.attached.segment:not(:first-child):not(.top){border-top-left-radius:0;border-top-right-radius:0}
.ui.table{overflow:hidden;border:1px solid #2D3834}
.ui.table thead th{background:#0F1A16}
.ui.label,.ui.labels .label,.ui.basic.label,.flex-text-inline .ui.label,.issue-state-label{border-radius:999px}
.ui.checkbox input+label::before,.ui.checkbox label::before{border-radius:5px}
.ui.avatar,img.ui.avatar,.ui.avatar.image{border-radius:50%}
.ui.modal,.ui.modal>.header,.ui.modal>.actions,.ui.modal>.content{border-radius:12px}
.ui.modal>.header{border-radius:12px 12px 0 0}.ui.modal>.actions{border-radius:0 0 12px 12px}
.repository .ui.tabular.menu .item,.ui.tabular.menu .active.item{border-radius:5px 5px 0 0}
.markup pre,.markup code,.chroma,code,pre,kbd{border-radius:5px}
.markup table,.markup img{border-radius:8px}
.ui.card,.ui.cards>.card,.flex-list>.flex-item,.ui.list>.item{border-radius:8px}
.ui.progress,.ui.progress .bar{border-radius:999px}
.ui.pagination.menu{border-radius:5px;overflow:hidden}
.tw-rounded-none{border-radius:0}

/* ---- Accueil simplifié ---- */
.ark-guide{max-width:640px;margin:32px auto;padding:0 12px}
.ark-guide h2{font-size:26px;font-weight:600;margin:0 0 6px}
.ark-guide .help{color:#8A9690;font-size:16px;margin:0 0 20px}
.ark-guide-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}
.ark-guide-actions .ui.button{display:inline-flex;align-items:center;gap:8px;height:42px;margin:0}
.ark-guide-steps{padding-left:20px;display:flex;flex-direction:column;gap:12px;color:#B9C4BE}
.ark-guide-steps code{background:#0B1411;border:1px solid #2D3834;padding:2px 6px;word-break:break-all}
.dashboard.feeds .heatmap,.dashboard .ui.segment.heatmap-container{display:none}

/* ---- Plus de notion privé/public : tout dépôt n est visible que par ceux qui y ont accès ---- */
.field:has(input[name=private]),.field:has(input[name=visibility]),.ui.checkbox:has(input[name=private]){display:none!important}
.repo-title .ui.label:has(.octicon-lock),.repo-title .ui.label:has(.octicon-globe),.flex-item .ui.label:has(.octicon-lock),.repo-header .ui.label:has(.octicon-lock){display:none!important}
.repo-title svg.octicon-lock{display:none}

/* ---- Barre d onglets du dépôt : le soulignement de l onglet actif ne dépasse plus ---- */
.repository .secondary-nav,.repository .ui.secondary.pointing.menu,.repository .ui.tabular.menu,.repository .overflow-menu-items{border-radius:12px}
.repository .ui.secondary.pointing.menu .item,.repository .ui.tabular.menu .item,.repository .overflow-menu-items .item{border-radius:0;margin-bottom:0}
.repository .ui.secondary.pointing.menu .item.active,.repository .ui.tabular.menu .item.active,.repository .overflow-menu-items .item.active{border-bottom-left-radius:0;border-bottom-right-radius:0}
.repository .ui.secondary.pointing.menu .item:first-child.active,.repository .overflow-menu-items .item:first-child.active{border-bottom-left-radius:12px}
.repository .ui.secondary.pointing.menu .item:last-child.active,.repository .overflow-menu-items .item:last-child.active{border-bottom-right-radius:12px}
.repository .secondary-nav .ui.secondary.pointing.menu{border-bottom:0}

/* ---- Bande pleine largeur sous la barre du haut supprimée (le contenu reste) ---- */
.secondary-nav,.dashboard-navbar,.page-content .secondary-nav,.repository .secondary-nav,.organization .secondary-nav{
  background:transparent!important;border-bottom:0!important;box-shadow:none!important;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.dashboard-navbar{padding-top:6px}
.secondary-nav,.page-content>.secondary-nav,.repository .secondary-nav{border:0!important;outline:0!important;box-shadow:none!important}
.secondary-nav::before,.secondary-nav::after{display:none!important}
.secondary-nav>.ui.container{border-bottom:0!important}
.secondary-nav>.ui.menu:not(.container)::after{display:none}