/*
Theme Name: DarkSense LMS
Theme URI: https://wplogy.ru/
Author: Дмитрий Кудашев (Dmitry Kudashev)
Author URI: https://wplogy.ru/
Description: Полнофункциональная LMS-тема с тёмным дизайном, кинематографичным Hero, поддержкой Elementor/Pro, WooCommerce (+Membership), Rank Math, WPML, LuckyWP TOC и др.
Version: 2.7.0-mobile-header-fix
Requires at least: 6.3
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: darksense
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: education, blog, dark, accessibility-ready, custom-logo, custom-colors, e-commerce, editor-style, full-site-editing-ready, wide-blocks
*/

:root {
  --bg:#121212; --bg-alt:#1a1a1a; --text:#e8e8e8; --muted:#bdbdbd;
  --primary:#0077ff; --teal:#00c2b3; --brand-grad:linear-gradient(90deg,#0077ff 0%,#00c2b3 100%);
  --card:#191919; --border:#262626;
  --radius-xl:1rem; --radius-lg:.8rem;
  --shadow-md:0 10px 20px rgba(0,0,0,.25); --shadow-lg:0 24px 54px rgba(0,0,0,.35);
}

.light-theme :root,
.light-theme {
  --bg:#ffffff; --bg-alt:#f7f7f8; --text:#111; --muted:#4d4d4d; --card:#fff; --border:#e5e7eb;
  --primary:#0077ff; --teal:#00c2b3;
}

html { box-sizing:border-box; } *,*:before,*:after { box-sizing:inherit; }
body { background:var(--bg); color:var(--text); margin:0; line-height:1.6;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Inter,Roboto,Arial,'Noto Sans',sans-serif;}
a { color:var(--primary); text-decoration:none; background:linear-gradient(currentColor,currentColor) bottom left/0 1px no-repeat; transition:background-size .25s ease; }
a:hover,a:focus { background-size:100% 1px; }
.container { width:min(1120px,92%); margin:0 auto; }

.button,.wp-element-button,button,input[type=submit]{ background:var(--brand-grad); color:#fff; border:0; border-radius:var(--radius-lg);
  padding:.8rem 1.05rem; font-weight:600; cursor:pointer; transition:transform .15s ease, box-shadow .25s ease; }
.button:hover,.wp-element-button:hover,button:hover,input[type=submit]:hover{ transform:translateY(-1px); box-shadow:var(--shadow-md); }
.button.is-secondary{ background:transparent; color:var(--text); border:1px solid var(--border); }
.button.is-secondary:hover { background:var(--card); }

.card { background:var(--card); border:1px solid var(--border); border-radius:var(--radius-xl); padding:1rem; transition:transform .18s ease, box-shadow .25s ease, border-color .2s ease; }
.card:hover{ transform:translateY(-2px); box-shadow:var(--shadow-lg); border-color: color-mix(in srgb, var(--primary) 35%, var(--border)); }

.site-header{ position:sticky; top:0; z-index:50; backdrop-filter:saturate(140%) blur(8px); background: color-mix(in srgb, var(--bg) 94%, transparent); border-bottom:1px solid var(--border);}
.header-inner .menu { list-style:none; margin:0; padding:0; display:flex; gap:clamp(.6rem,1.2vw,1.2rem);}
.header-inner .menu a { color:var(--text); padding:.45rem .7rem; border-radius:.6rem; }
.header-inner .menu a:hover, .header-inner .menu a:focus, .header-inner .menu a[aria-current="page"] { background: var(--card);}

.section { padding: clamp(1.5rem,3vw,3rem) 0; }
.grid { display:grid; gap:min(2vw,20px); } .grid-auto { grid-template-columns: repeat(auto-fill,minmax(260px,1fr)); }
img { max-width:100%; height:auto; border-radius:12px; }
:focus-visible { outline:3px solid var(--teal); outline-offset:2px; }