/*!
Theme Name: Mylacron
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mylacron
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Mylacron is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
/* ====== Мои Лакорны — главная ====== */
:root{
  --bg:#0b0f14;
  --card:#101722;
  --soft:#151e2b;
  --ring:#223246;
  --muted:#8aa0b3;
  --text:#e7eef6;
  --accent:#6ee7b7;
  --accent-2:#89f7fe;
  --shadow:0 8px 24px rgba(3,10,22,.45);
}

.lk-root{
  background: radial-gradient(1200px 600px at 10% -10%, rgba(102,255,166,.08), transparent 60%),
              radial-gradient(1000px 500px at 90% 0%, rgba(137,247,254,.06), transparent 60%),
              var(--bg);
  color:var(--text);
  -webkit-font-smoothing:antialiased;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

.lk-container{max-width:1200px;margin:0 auto;padding:0 16px}
.lk-muted{color:var(--muted)}

/* ===== Header (glass) ===== */
.lk-header{
  position:sticky;top:0;z-index:50;
  background:linear-gradient(180deg, rgba(11,15,20,.85), rgba(11,15,20,.65));
  border-bottom:1px solid var(--ring);
  backdrop-filter: blur(8px) saturate(1.2);
}
.lk-head-row{display:flex;align-items:center;gap:16px;padding:14px 0}
.lk-logo{
  font-weight:900;font-size:18px;letter-spacing:.3px;text-decoration:none;
  background:linear-gradient(90deg, var(--accent-2), var(--accent));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.lk-nav{display:flex;gap:12px;flex-wrap:wrap}
.lk-nav a{
  color:#d9e6f2;text-decoration:none;
  padding:8px 10px;border-radius:12px;border:1px solid transparent;
  transition: .2s ease;
}
.lk-nav a:hover{background:var(--soft);border-color:var(--ring);color:#fff}
.lk-search{margin-left:auto;display:flex;align-items:center;min-width:220px;max-width:380px;flex:1}
.lk-search input{
  width:100%;background:var(--soft);border:1px solid var(--ring);border-radius:12px;
  padding:10px 12px;color:#eaf2fb;outline:none;
}
.lk-search input:focus{box-shadow:0 0 0 3px rgba(110,231,183,.15);border-color:#2b4a62}

/* ===== Sections ===== */
.lk-hero{padding:24px 0 8px}
.lk-section{padding:26px 0}
.lk-section h2{
  font-size:22px;margin:0 0 16px;font-weight:900;letter-spacing:.2px;position:relative;display:inline-block
}
.lk-section h2:after{
  content:"";display:block;height:3px;margin-top:8px;border-radius:3px;
  background:linear-gradient(90deg, var(--accent-2), var(--accent));
}

/* ===== Pills ===== */
.lk-wrap{display:flex;gap:8px;flex-wrap:wrap}
.lk-pill{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--ring);background:linear-gradient(180deg,var(--soft),#0f1621);
  color:#cfe2f5;padding:6px 10px;border-radius:999px;font-size:12px
}

/* ===== Grid & Cards ===== */
.lk-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}

.lk-card{
  position:relative;border-radius:16px;overflow:hidden;
  background:linear-gradient(180deg, #0f1520, #0b111a);
  border:1px solid rgba(49,77,104,.45);
  box-shadow: var(--shadow);
  transition: transform .18s ease, box-shadow .25s ease, border-color .2s ease;
}
.lk-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 16px 40px rgba(0,0,0,.55);
  border-color: rgba(110,231,183,.35);
}

.lk-thumb-wrap{position:relative;display:block}
.lk-thumb{width:100%;aspect-ratio:2/3;object-fit:cover;display:block;transition: transform .35s ease, filter .35s ease}
.lk-grad{
  pointer-events:none;position:absolute;inset:0;
  background:linear-gradient(180deg, transparent 55%, rgba(0,0,0,.35) 78%, rgba(0,0,0,.6) 100%);
  opacity:.9;transition:opacity .35s ease;
}
.lk-play{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);
  width:48px;height:48px;border-radius:12px;
  display:grid;place-items:center;font-size:20px;line-height:1;
  background:linear-gradient(180deg, var(--accent-2), var(--accent));
  color:#001c18;font-weight:900;box-shadow:0 6px 22px rgba(0,0,0,.45);
  opacity:0;transition:opacity .25s ease, transform .25s ease;
}
.lk-thumb-wrap:hover .lk-thumb{transform:scale(1.04);filter:contrast(1.03) saturate(1.03)}
.lk-thumb-wrap:hover .lk-play{opacity:1;transform:translate(-50%,-50%) scale(1)}
.lk-thumb-wrap:hover .lk-grad{opacity:1}

.lk-body{padding:12px}
.lk-title{
  font-weight:800;font-size:14px;line-height:1.28;margin:0 0 6px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden
}
.lk-meta{display:flex;gap:12px;font-size:12px;color:var(--muted)}
.lk-btn{
  display:inline-flex;justify-content:center;align-items:center;height:36px;
  border-radius:12px;background:linear-gradient(180deg, var(--accent), #55d7a4);
  color:#022f26;text-decoration:none;font-weight:900;padding:0 12px;margin-top:10px;
  transition: transform .12s ease, box-shadow .2s ease;
  box-shadow: 0 6px 18px rgba(64, 211, 158, .25);
}
.lk-btn:hover{transform:translateY(-1px)}
.lk-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(110,231,183,.25), 0 6px 18px rgba(64,211,158,.25)}

/* ===== Responsive ===== */
@media (max-width: 980px){
  .lk-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}
@media (max-width: 720px){
  .lk-nav{display:none}
  .lk-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}
}
@media (prefers-reduced-motion: reduce){
  *{transition:none !important; animation:none !important}
}