/*
Theme Name: TM27 Theme
Theme URI: https://terengganumarathon.com
Description: Theme rasmi Terengganu Marathon 2027. Dibina khusus untuk kelajuan, SEO, GEO & AEO - melakar sejarah, menjulang langkah.
Author: Suhaili Kasmat (ESKAY)
Author URI: https://eskay.my
Template: astra
Version: 1.1.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tm27-theme
*/

/* Design asal dikekalkan sepenuhnya - tiada override visual di sini.
   Lapisan prestasi + SEO/GEO/AEO berada dalam functions.php. */

/* ===================== TM27 Header ===================== */
.tm27-header{position:sticky;top:0;z-index:99990;background:#9a1a1a;box-shadow:0 2px 10px rgba(0,0,0,.25);}
body.admin-bar .tm27-header{top:32px;}
.tm27-header-inner{max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 20px;}
.tm27-logo{display:flex;align-items:center;text-decoration:none;}
.tm27-logo img{height:44px;width:auto;display:block;}
.tm27-logo-text{color:#fff;font-size:22px;font-weight:800;letter-spacing:.02em;}
.tm27-nav{display:flex;align-items:center;}
.tm27-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:2px;}
.tm27-menu li{position:relative;margin:0;}
.tm27-menu a{display:block;padding:10px 14px;color:#fff;font-size:15px;font-weight:600;text-decoration:none;border-radius:8px;white-space:nowrap;transition:background .15s ease;}
.tm27-menu > li > a:hover,.tm27-menu > li.current-menu-item > a,.tm27-menu > li.current-menu-ancestor > a{background:#c62828;color:#fff;}
.tm27-menu .menu-item-has-children > a::after{content:"\25BE";margin-left:6px;font-size:11px;opacity:.85;}
.tm27-menu .ast-header-navigation-arrow,.tm27-menu .dropdown-menu-toggle,.tm27-menu .ast-icon{display:none!important;}
/* submenu: anchor betul-betul bawah item induk */
.tm27-menu .sub-menu{list-style:none;margin:0;padding:6px 0;position:absolute;top:100%;left:0;min-width:230px;background:#7f1414;border-radius:0 0 10px 10px;box-shadow:0 10px 24px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .15s ease,transform .15s ease;z-index:99991;}
.tm27-menu li:hover > .sub-menu,.tm27-menu li:focus-within > .sub-menu{opacity:1;visibility:visible;transform:translateY(0);}
.tm27-menu .sub-menu a{padding:9px 16px;border-radius:0;font-size:14px;}
.tm27-menu .sub-menu a:hover{background:#9a1a1a;}
.tm27-menu .sub-menu .sub-menu{top:0;left:100%;border-radius:10px;}
.tm27-nav-toggle{display:none;background:transparent;border:0;padding:10px;cursor:pointer;line-height:0;width:46px;height:42px;box-sizing:border-box;}
.tm27-nav-toggle span{display:block!important;width:26px!important;height:3px!important;background:#fff!important;margin:5px 0!important;border-radius:2px;transition:transform .2s ease,opacity .2s ease;}
.tm27-nav-toggle.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg);}
.tm27-nav-toggle.is-open span:nth-child(2){opacity:0;}
.tm27-nav-toggle.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
@media (max-width:920px){
	html,body{overflow-x:hidden!important;max-width:100vw;}
	.tm27-nav-toggle{display:inline-block!important;position:fixed;top:11px;right:12px;z-index:99996;}
	body.admin-bar .tm27-nav-toggle{top:57px;}
	.tm27-nav{display:none;position:fixed;top:64px;left:0;right:0;background:#7f1414;box-shadow:0 12px 24px rgba(0,0,0,.35);max-height:calc(100vh - 70px);overflow-y:auto;z-index:99994;}
	body.admin-bar .tm27-nav{top:110px;}
	.tm27-nav.is-open{display:block;}
	.tm27-menu{flex-direction:column;align-items:stretch;gap:0;padding:8px 0;}
	.tm27-menu a{border-radius:0;padding:12px 20px;white-space:normal;}
	.tm27-menu .sub-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#6a1010;display:none;border-radius:0;}
	.tm27-menu li.is-open > .sub-menu{display:block;}
	.tm27-menu .sub-menu a{padding-left:36px;}
}

/* ===================== TM27 Footer ===================== */
.tm27-footer{background:#141414;color:#cfcfcf;margin-top:0;}
.tm27-footer-inner{max-width:1240px;margin:0 auto;padding:26px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13.5px;line-height:1.6;}
.tm27-footer-tag{color:#8f8f8f;font-size:12.5px;}
.tm27-footer-credit a{color:#e8a13c;text-decoration:none;}
.tm27-footer-credit a:hover{text-decoration:underline;}
@media (max-width:600px){.tm27-footer-inner{flex-direction:column;text-align:center;}}