/*
Theme Name: Scholario
Theme URI: https://scholario.com/
Author: Scholario / KodeIt Publication LLC
Author URI: https://www.kodeitglobal.com/
Description: Scholario — the parent portfolio website for five specialist education products published by KodeIt Publication LLC: KODEIT Pre-K (early years), KODEIT ICT & Computer Science, KODEIT Social Science, APEX (KG–Grade 12 artificial intelligence curriculum) and KODEIT Ascend (assessment & learning intelligence). A native WordPress conversion of the Scholario static site: real permalinks, WordPress menus, custom logo, a Settings screen for the five child-product URLs and catalogue links, and the portfolio experience — the category composition, the portfolio map, the capability matrix and the product selector — preserved intact. Inter throughout, matching the APEX/KODEIT website family. No page builder and no premium plugin required.
Version: 1.0.1
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: Proprietary — © KodeIt Publication LLC. All rights reserved.
License URI: https://www.kodeitglobal.com/
Text Domain: scholario
Tags: education, portfolio, custom-menu, custom-logo, translation-ready
*/

/*
  This file carries the theme header above and is the stylesheet WordPress
  registers for the theme. The Scholario design system itself lives in
  assets/css/scholario.css, copied byte-for-byte from the static site so the
  two cannot drift; it is enqueued before this file.

  Only WordPress-specific adjustments belong here.
*/

/* The admin bar is fixed at the top for logged-in users; the sticky header
   must sit below it rather than under it. */
body.admin-bar .hdr { top: 32px; }
@media screen and (max-width: 782px) {
  body.admin-bar .hdr { top: 46px; }
}

/* Ordinary WordPress pages (a privacy notice, terms) render editor content
   inside the Scholario shell. These are the only styles the static site has no
   equivalent for, because it has no editor-authored pages. */
.scholario-prose { max-width: 72ch; font-size: 15.5px; line-height: 1.65; color: var(--ink-2); }
.scholario-prose > * + * { margin-top: 1.1em; }
.scholario-prose h2 { margin-top: 1.8em; }
.scholario-prose h3 { margin-top: 1.5em; }
.scholario-prose ul,
.scholario-prose ol { padding-left: 1.3em; list-style: revert; }
.scholario-prose li + li { margin-top: .4em; }
.scholario-prose a { color: var(--brand); text-decoration: underline; text-underline-offset: 2px; }
.scholario-prose img { border-radius: var(--r); margin-block: 1.4em; }
.scholario-prose blockquote {
  border-left: 3px solid var(--line-2); padding-left: 18px; color: var(--ink-3);
}
.scholario-prose code { font-family: var(--ff-mono); font-size: .92em; }
.scholario-pagelinks { margin-top: 2em; font-size: 13.5px; color: var(--ink-3); }

/* Shown only when JavaScript is unavailable. The portfolio experience is
   rendered client-side from the dataset, exactly as on the static site. */
.scholario-noscript {
  max-width: 68ch; margin: 0 auto; padding: 64px 0;
  font-size: 15.5px; line-height: 1.65; color: var(--ink-2);
}
.scholario-noscript h1 { margin-bottom: 14px; }
.scholario-noscript ul { margin-top: 18px; display: grid; gap: 8px; }
.scholario-noscript a { color: var(--brand); text-decoration: underline; }

/* --------------------------------------------------------------------------
   Elementor

   Elementor injects through the_content() into .elementor-page-content.
   The theme's global reset would collapse widgets, so flow is restored inside
   Elementor's canvas only. Unedited SPA routes never hit this container.
   -------------------------------------------------------------------------- */
.elementor-page-content {
	min-height: 40vh;
}

.elementor p,
.elementor ul,
.elementor ol,
.elementor blockquote,
.elementor table,
.elementor figure,
.elementor pre {
	margin: 0 0 1.1em;
}

.elementor h1,
.elementor h2,
.elementor h3,
.elementor h4,
.elementor h5,
.elementor h6 {
	margin: 0 0 0.6em;
}

.elementor ul,
.elementor ol {
	padding-left: 1.4em;
}

.elementor ul {
	list-style: disc;
}

.elementor ol {
	list-style: decimal;
}

.elementor a {
	color: var(--pri, #351C96);
}

.elementor img {
	height: auto;
}

.elementor button:not(.elementor-button) {
	font: inherit;
}

/* WordPress menu fallback when app.js is not loaded (Elementor pages). */
body.scholario-elementor .nav > li > a {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 9px 13px;
	border-radius: 9px;
	font-size: 13.5px;
	font-weight: 550;
	white-space: nowrap;
}

body.scholario-elementor .nav .sub-menu {
	position: absolute;
	top: calc(100% + 9px);
	left: 0;
	min-width: 220px;
	background: #fff;
	border: 1px solid rgba(0,0,0,.08);
	border-radius: 12px;
	box-shadow: 0 12px 40px rgba(0,0,0,.12);
	padding: 8px;
	display: none;
	z-index: 70;
}

/* Invisible bridge across the visual gap so hover is not lost */
body.scholario-elementor .nav .sub-menu::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -9px;
	height: 9px;
}

body.scholario-elementor .nav > li:hover > .sub-menu,
body.scholario-elementor .nav > li:focus-within > .sub-menu {
	display: block;
}

body.scholario-elementor .nav .sub-menu a {
	display: block;
	padding: 9px 11px;
	border-radius: 8px;
	font-size: 13.5px;
	font-weight: 600;
}

body.scholario-elementor .mobnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}