/*
Theme Name: Royal Life Assurance
Text Domain: royal-life-assurance
Description: A modern, responsive WordPress theme for Royal Life Assurance Gambia Limited.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
WPVibe: yes
*/

html { scroll-behavior: smooth; }

/* Navigation enhancement: kept here so draft previews layer over the compiled theme. */
@media (min-width: 901px) {
	.royal-nav-list { gap:24px; }
	.royal-nav-list > li { position:relative; }
	.royal-nav-list > .menu-item-has-children > a { display:flex; align-items:center; gap:7px; }
	.royal-nav-list > .menu-item-has-children > a::after {
		content:""; width:6px; height:6px;
		border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
		transform:rotate(45deg) translateY(-2px);
	}
	.royal-nav-list .sub-menu {
		position:absolute; z-index:80; top:calc(100% + 18px); left:50%;
		width:max-content; min-width:230px; max-width:310px;
		margin:0; padding:10px; list-style:none; background:#fff;
		border:1px solid rgba(19,41,90,.1); border-top:3px solid #c39c42;
		border-radius:3px; box-shadow:0 22px 50px rgba(8,22,51,.16);
		opacity:0; visibility:hidden; transform:translate(-50%,8px);
		transition:opacity .18s ease,transform .18s ease,visibility .18s ease;
	}
	.royal-nav-list .sub-menu::before { content:""; position:absolute; left:0; right:0; bottom:100%; height:21px; }
	.royal-nav-list .sub-menu li { margin:0; }
	.royal-nav-list .sub-menu a { display:block; padding:11px 13px; border-radius:3px; line-height:1.35; white-space:normal; }
	.royal-nav-list .sub-menu a:hover,.royal-nav-list .sub-menu a:focus-visible { background:#f1f5fb; color:#13295a; }
	.royal-nav-list > li:hover > .sub-menu,.royal-nav-list > li:focus-within > .sub-menu {
		opacity:1; visibility:visible; transform:translate(-50%,0);
	}
}

@media (max-width: 900px) {
	.royal-nav-list > li { position:static; }
	.royal-nav-list > .menu-item-has-children > a { display:flex; justify-content:space-between; align-items:center; }
	.royal-nav-list > .menu-item-has-children > a::after {
		content:""; width:6px; height:6px; margin-right:5px;
		border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
		transform:rotate(45deg) translateY(-2px);
	}
	.royal-nav-list .sub-menu {
		position:static; width:100%; min-width:0; max-width:none;
		margin:0 0 8px; padding:0 0 0 14px; list-style:none;
		background:transparent; border:0; border-left:2px solid #d7b75f;
		border-radius:0; box-shadow:none; opacity:1; visibility:visible; transform:none;
	}
	.royal-nav-list .sub-menu li { border-bottom:0; }
	.royal-nav-list .sub-menu a { padding:9px 12px; color:#59677d; font-size:.84rem; }
}