/*
 * Header and footer styles.
 *
 * Ported from template/css/app.css (header, menu, offcanvas, footer sections)
 * and scoped to .akashic-header / .akashic-footer so no other section changes.
 */

/* ==========================================================================
   Header
   ========================================================================== */
.akashic-header { background: #f6f6f6; }
.akashic-header .header-logo { color: inherit; }
.akashic-header .header-logo-image { width: auto; max-width: 100%; max-height: 60px; object-fit: contain; }
.akashic-header .header-logo-sitename { margin: 0; color: #3e62b4; font-size: 18px; font-weight: 600; line-height: 1.6; }

.akashic-header .header-contact { font-size: 15px; text-align: left; }
.akashic-header .header-contact p { margin: 0; }
.akashic-header .header-contact-item { direction: ltr; color: #5b5b5b; font-size: 15px; line-height: 24px; }
.akashic-header .header-contact-item .fa { display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; background: #ffb115; color: #fff; margin-right: 10px; }

/* ---------- menu ---------- */
.akashic-header .menu-container { display: block; margin-top: 0; background: #3e62b4; color: #fff; }
.akashic-header .menu-container > .row { margin-right: 0; margin-left: 0; }
.akashic-header .navbar { padding: 0; }
.akashic-header .navbar-menu { width: 100%; }
.akashic-header .navbar-collapse { display: flex; flex-basis: auto; width: 100%; }

.akashic-header .navbar-nav { display: flex; flex-direction: row; flex-wrap: nowrap; margin: 0; padding: 0; list-style: none; }
.akashic-header .navbar-nav .nav-item { position: relative; }
.akashic-header .navbar-nav .nav-link { display: block; color: #fff !important; padding: 10px 15px 10px !important; line-height: 1.8; white-space: nowrap; }
.akashic-header .navbar-nav .nav-link:hover,
.akashic-header .navbar-nav .nav-item.active > .nav-link,
.akashic-header .navbar-nav .nav-item.hovered > .nav-link { color: #fff !important; background: #1e49ab; }
.akashic-header .navbar-nav .nav-subset { display: none; }
.akashic-header .navbar-nav .nav-subset-item { position: relative; }

.akashic-header .navbar-nav .nav-subset-item:first-child > .nav-subset-link { border-radius: 5px 5px 0 0; }
.akashic-header .navbar-nav .nav-subset-item:last-child > .nav-subset-link { border-radius: 0 0 5px 5px; }

@media (min-width: 992px) {
	.akashic-header .navbar-nav .nav-subset { min-width: 240px; list-style: none; position: absolute; top: 100%; right: 0; background: #1e49ab; color: #abbade; padding: 0; white-space: nowrap; z-index: 10; }
	.akashic-header .navbar-nav .nav-subset-item { position: relative; }
	.akashic-header .navbar-nav .nav-subset-item.active > .nav-subset-link { background: #1e49ab; color: #abbade; }
	.akashic-header .navbar-nav .nav-subset-item:last-child > .nav-subset-link { border: 0; }
	.akashic-header .navbar-nav .nav-subset-item[data-subset="0"] .nav-subset-link { padding-left: 15px; }
	.akashic-header .navbar-nav .nav-subset-item[data-subset="0"] .nav-subset-link:after { content: ''; }
	.akashic-header .navbar-nav .nav-subset-item .nav-subset { top: -1px; right: 95%; }
	.akashic-header .navbar-nav .nav-subset-link { padding: 8px 15px; display: block; font-size: 14px; color: #abbade; }
	.akashic-header .navbar-nav .nav-subset-link:hover,
	.akashic-header .navbar-nav .nav-subset-item.hovered > .nav-subset-link { background: #1a3e91; color: #fff; }
	.akashic-header .navbar-nav .nav-subset-link:after { font-family: FontAwesome; content: "\f0d9"; position: absolute; left: 10px; }
	.akashic-header .navbar-nav .nav-item.expanded > .nav-subset,
	.akashic-header .navbar-nav .nav-subset-item.expanded > .nav-subset { display: block; }
}

@media (max-width: 991.98px) {
	.akashic-header .navbar-nav { flex-direction: column; margin-top: 10px; }
	.akashic-header .navbar-nav .nav-subset { list-style: none; display: block; position: static; border: none; border-radius: 0; box-shadow: none; background: none; padding: 0 30px 0 0; font-size: 16px; }
	.akashic-header .navbar-nav .nav-subset-link:before { font-family: FontAwesome; content: "\f0d9"; color: #ffb115; margin-left: 5px; }
	.akashic-header .navbar-nav .nav-link,
	.akashic-header .navbar-nav .nav-subset-link { line-height: 200%; display: block; background: #f1f1f1; color: #555 !important; margin-bottom: 5px; padding: 5px 15px !important; }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.akashic-header .navbar-nav .nav-link { padding-right: 0.6rem !important; padding-left: 0.6rem !important; font-size: 15px; }
}

/* ---------- search ---------- */
.akashic-header .header-search { width: 65%; max-width: none; padding: 0; }
.akashic-header .header-search-form { position: relative; width: 100%; margin: 0; }
.akashic-header .header-search-input,
.akashic-header .header-search .form-control { background: rgba(255, 255, 255, 0.2); border: 1px solid transparent !important; border-radius: 0.2rem; color: #fff; padding-left: 2.2rem; box-shadow: none; }
.akashic-header .header-search-input::placeholder { color: #a9b9de; opacity: 1; }
.akashic-header .header-search-input:focus { color: #fff; background: rgba(255, 255, 255, 0.1); }
.akashic-header .header-search .input-group { position: relative; }
.akashic-header .header-search .input-group-append { position: absolute; left: 0; top: 0; width: 29px; margin: 0; display: block; z-index: 3; }
.akashic-header .header-search .input-group-append .header-search-submit { position: static; display: block; width: 29px; max-width: none; height: 29px; text-align: center; padding: 0; border-radius: 0.2rem; background: #ffb115; border-color: #ffb115; color: #fff; line-height: 27px; }
.akashic-header .header-search .input-group-append .header-search-submit .fa { font-size: 13px; }
.akashic-header .header-search .input-group-append .header-search-submit:hover,
.akashic-header .header-search .input-group-append .header-search-submit:focus { background: #ee9f00; border-color: #e19600; color: #fff; }

/* ---------- offcanvas / mobile navigation ---------- */
.akashic-header .offcanvas { display: block; }
.akashic-header .offcanvas-sidebar { position: fixed; right: -130%; top: 0; z-index: 1000; width: 350px; padding: 0; background: #3e62b4; overflow: auto; height: 100%; box-shadow: -5px 0 20px 0 rgba(0, 0, 0, 0.1); transition: 0.5s; }
.akashic-header .offcanvas-header { direction: rtl; text-align: right; padding: 10px; margin-bottom: 10px; line-height: 30px; position: relative; background: #fff; }
.akashic-header .offcanvas-brand { font-size: 18px; color: #444; display: inline-block; }
.akashic-header .offcanvas-brand-image { max-height: 40px; width: auto; }
.akashic-header .offcanvas-close { position: absolute; left: 0; top: 0; bottom: 0; width: 50px; background: none; border: none; font-size: 30px; cursor: pointer; text-align: center; color: #ccc; outline: none !important; }
.akashic-header .offcanvas-overlay { content: ' '; display: none; position: fixed; background: rgba(0, 0, 0, 0.51); top: 0; right: 0; bottom: 0; left: 0; z-index: 999; }
.akashic-header .offcanvas-nav { list-style: none; padding: 0; margin: 0; direction: rtl; text-align: right; }
.akashic-header .offcanvas-nav-item { position: relative; }
.akashic-header .offcanvas-nav-link { display: block; line-height: 150%; padding: 10px 15px 10px 45px; color: #fff; }
.akashic-header .offcanvas-nav-link:hover,
.akashic-header .offcanvas-nav-item.active > .offcanvas-nav-link { color: #fff; background: rgba(0, 0, 0, 0.08); }
.akashic-header .offcanvas-nav-toggle { position: absolute; top: 0; left: 0; height: 48px; border: none; background: none; width: 40px; outline: none !important; cursor: pointer; }
.akashic-header .offcanvas-nav-toggle-icon:before { font-family: FontAwesome; content: "\f0d7"; color: #ddd; }
.akashic-header .offcanvas-nav-subset { list-style: none; padding: 0; margin: 0; display: none; background: rgba(255, 255, 255, 0.04); }
.akashic-header .offcanvas-expanded .offcanvas-sidebar { right: 0; }
.akashic-header .offcanvas-expanded .offcanvas-overlay { display: block; }
.akashic-header .offcanvas-nav-item-expanded > .offcanvas-nav-subset { display: block; }
.akashic-header .offcanvas-nav-item-expanded > .offcanvas-nav-toggle > .offcanvas-nav-toggle-icon:before { content: "\f0d8"; }
.akashic-header .offcanvas-nav-subset-1 .offcanvas-nav-link { padding-right: 20px; }
.akashic-header .offcanvas-nav-subset-2 .offcanvas-nav-link { padding-right: 40px; }
.akashic-header .offcanvas-nav-subset-3 .offcanvas-nav-link { padding-right: 60px; }

@media (max-width: 374px) {
	.akashic-header .offcanvas-sidebar { width: 100%; }
}

body.no-scroll { overflow: hidden; }

/* ==========================================================================
   Footer
   ========================================================================== */
.akashic-footer { background: #333; color: #cfcfcf; }
.akashic-footer > .container { padding-block: 0; }
.akashic-footer .footer-title { margin-bottom: 20px; color: #fff; font-size: 16px; font-weight: 500; }
.akashic-footer .footer-hr { margin: 0 0 40px; border-color: #484848; }

/* ---------- footer menu ---------- */
.akashic-footer .footer-menu { margin-bottom: 0; }
.akashic-footer .footer-menu-link { display: block; color: #cfcfcf; font-size: 15px; margin: 5px 0; }
.akashic-footer .footer-menu-link:hover,
.akashic-footer .footer-menu-link:focus { color: #fff; }

/* ---------- subscription ---------- */
.akashic-footer .footer-subscription { position: relative; }
.akashic-footer .footer-subscription .alert { margin-bottom: 20px; font-size: 14px; }
.akashic-footer .footer-subscription-title { color: #fff; font-size: 16px; font-weight: 500; line-height: 40px; }
.akashic-footer .footer-subscription-name { margin-bottom: 0; }
.akashic-footer .footer-subscription-email { margin-bottom: 0; }
.akashic-footer .footer-subscription-mobile { margin-bottom: 0; }
.akashic-footer .footer-subscription .form-control { margin-bottom: 10px; padding: 0.1875rem 0.657rem; border: 1px solid #484848; border-radius: 0.2rem; background: #484848; color: #fff; }
.akashic-footer .footer-subscription .form-control::placeholder { color: #969696; opacity: 1; }
.akashic-footer .footer-subscription .form-control:focus { border-color: #ffb115; background: #484848; color: #fff; box-shadow: none; }
.akashic-footer .footer-subscription-submit { margin-bottom: 1rem; border-radius: 0.2rem; }
.akashic-footer .footer-subscription-submit .fa { color: #ffb115; margin-right: 5px; font-size: 18px; vertical-align: middle; transition: all 0.2s ease-in-out; }
.akashic-footer .footer-subscription-submit:hover .fa { transform: translateX(-5px); }
.akashic-footer .akashic-hp { position: absolute; top: 0; left: 0; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); clip-path: inset(50%); white-space: nowrap; border: 0; opacity: 0; }

/* ---------- footer contact ---------- */
.akashic-footer .footer-description { margin: 0 0 10px; color: #bdbdbd; font-size: 14px; line-height: 1.9; }
.akashic-footer .footer-contact { font-size: 15px; line-height: 2; margin-bottom: 0; }
.akashic-footer .footer-contact-item { color: #fff; line-height: 26px; font-size: 15px; }
.akashic-footer .footer-contact-item .fa { color: #fff; display: inline-block; width: 26px; height: 26px; line-height: 26px; text-align: center; background: #3a5cd9; margin-left: 10px; }
.akashic-footer .footer-contact-item span { color: #b0b0b0; display: inline-block; margin-right: 10px; }

/* ---------- footer widgets (certificates slot) ---------- */
.akashic-footer .footer-widgets { width: 100%; }
.akashic-footer .footer-widgets .widget { margin-bottom: 0; padding: 0; border: 0; background: transparent; }
.akashic-footer .footer-widgets .widget-title,
.akashic-footer .footer-widgets .widget h2 { color: #fff; font-size: 16px; font-weight: 500; }
.akashic-footer .footer-certificates img { max-width: 100%; height: auto; }

/* ---------- copyright ---------- */
.akashic-footer .copyright { background: #222; color: #cfcfcf; }
.akashic-footer .copyright-text { color: #cfcfcf; font-size: 14px; }
.akashic-footer .copyright-text a { color: #cfcfcf; }
.akashic-footer .copyright-text a:hover { color: #fff; }

/* ---------- social ---------- */
.akashic-footer .footer-social { display: block; margin-bottom: 0; font-size: 0; }
.akashic-footer .footer-social-link { display: inline-block; width: 30px; height: 30px; min-width: 30px; min-height: 30px; padding: 0; line-height: 30px; background: #393939; color: #9c9c9c; text-align: center; margin: 0; vertical-align: middle; }
.akashic-footer .footer-social-link .fa { line-height: 30px; font-size: 17px; }
.akashic-footer .footer-social-link.telegram .fa { font-size: 14px; }
.akashic-footer .footer-social-link.linkedin .fa { font-size: 16px; }
.akashic-footer .footer-social-link:hover,
.akashic-footer .footer-social-link:focus { background: #ffb115; color: #fff; }

@media (max-width: 575.98px) {
	.akashic-header .header-logo-sitename { font-size: 16px; }
	.akashic-footer .footer-social.text-center { text-align: center !important; }
}