/*
	Theme Name: Hello Elementor
	Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
	Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
	Author: Elementor Team
	Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
	Version: 3.4.5
	Stable tag: 3.4.5
	Requires at least: 6.0
	Tested up to: 6.8
	Requires PHP: 7.4
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor
	Tags: accessibility-ready, flexible-header, custom-colors, custom-menu, custom-logo, featured-images, rtl-language-support, threaded-comments, translation-ready,
*/
:root{
  --bg:#fff; --text:#0b0f1a; --muted:#4b5563; --line:#c7ccd4; --primary:#0ea5e9;
  --radius:4px; --gap:20px; --pad:14px; --side:280px;
  --font:-apple-system, Segoe UI, Roboto, Inter, Helvetica, Arial, sans-serif;
}
body{font:400 16px/1.45 var(--font); color:var(--text); background:var(--bg);}
	.intra-layout{display:grid; grid-template-columns: var(--side) 1fr; gap:var(--gap); max-width:1280px; margin:0 auto; padding:24px 16px 56px;}
	.intra-main{min-width:0;}
	/* Sidebar */
	.intra-side{border:2px solid var(--line); border-radius:var(--radius); padding:12px;}
	.side-title{margin:0 0 8px; font-weight:800; font-size:1rem; letter-spacing:.2px;}
	.tree .root, .tree .sub, .cats{list-style:none; margin:0; padding:0;}
	.tree .root > li{margin:8px 0;}
	.tree .tree-item > a, .tree .tree-toggle{display:flex; gap:10px; align-items:center; width:100%; text-align:left;
	  border:2px solid var(--line); border-radius:var(--radius); padding:10px 12px; background:#fff; color:inherit; text-decoration:none; cursor:pointer;}
	.tree .tree-item.has-children > .tree-toggle::after{content:"▸"; margin-left:auto; opacity:.7;}
	.tree .tree-item.open > .tree-toggle::after{content:"▾";}
	.tree i{width:18px; text-align:center; color:var(--primary); font-size:18px;}
	.tree .sub{padding-left:0; margin-top:8px;}
	.tree .sub > li{margin:6px 0;}
	.tree .sub a{border:2px solid transparent; padding:8px 10px;}
	.tree .sub a:hover{border-color:var(--line);}
	.cats li{display:flex; align-items:center; justify-content:space-between; border:2px solid var(--line); border-radius:var(--radius); padding:8px 10px; margin:8px 0;}
	.cats a{display:flex; gap:10px; align-items:center; color:inherit; text-decoration:none;}
	.cats i{color:var(--primary);}
	.cat-count{color:var(--muted); font-size:.9rem;}
/* Responsive */
@media (max-width: 980px){
  .intra-layout{grid-template-columns: 1fr;}
  .intra-side{order:2}
  .intra-main{order:1}
}