/*
Theme Name:   Nostalgic Blog Child – My Adhyapak
Description:  Child theme of Nostalgic Blog for My Adhyapak: logo in the top bar, small gaps around the menu, custom Login button, site-wide Quick Links footer. Survives parent theme updates.
Author:       My Adhyapak
Template:     nostalgic-blog
Version:      1.0.13
Requires PHP: 7.0
License:      GNU General Public License v3 or later
Text Domain:  nostalgic-blog-child
*/

/* ---------- Custom Login button (moved here from the parent style.css) ---------- */
.login-button {
    display: inline-block;
    margin-left: 75px; /* Adjust spacing as needed */
}

.custom-login-button {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(#2aa195); /* Use your theme's primary color */
    color: #000; /* Text color */
    text-decoration: none;
    font-weight: bold;
    border-radius: 1px;
	border-left: 2px solid #000; /* Black border */
    transition: background-color 0.3s ease;
}

.custom-login-button:hover {
    background-color: darken(var(#2aa195), 100%); /* Darken the button on hover */
}

/* ---------- Top bar: logo in the centre ---------- */
.adore-top-wrapper{align-items:stretch}
/* Login and search keep full-height dividers (like the date and social icons) */
.adore-top-wrapper > .login-button{display:flex;align-items:stretch}
.adore-top-wrapper .custom-login-button{display:flex;align-items:center}
@media (min-width:992px){
	.adore-top-wrapper .top-header-end,
	.adore-top-wrapper .navigation-search,
	.adore-top-wrapper .navigation-search-wrap{display:flex;align-items:stretch}
}
@media (min-width:601px){
	/* the theme hides the date below 601px; only centre it where it is shown */
	.adore-top-wrapper > .adore-date{display:flex;align-items:center}
}
.adore-top-wrapper .social-icons{margin-inline-end:0}
.mya-top-logo{flex:1 1 auto;min-width:0;display:flex;align-items:center;justify-content:center;padding:6px 12px}
.mya-top-logo .site-branding{padding-block:0;width:auto;max-width:100%;display:flex;align-items:center;justify-content:center;gap:10px}
.mya-top-logo .site-logo,.mya-top-logo .custom-logo-link{display:flex;align-items:center;max-width:100%}
.mya-top-logo .custom-logo{display:block;width:auto;height:auto;max-height:58px;max-width:100%}
.mya-top-logo .site-identity .site-title{font-size:1.4rem}
.mya-top-logo .site-identity .site-description{display:none}

@media (max-width:767px){
	.mya-top-logo{padding:6px 8px}
	.mya-top-logo .custom-logo{max-height:44px}
	.login-button{margin-left:0}
	.custom-login-button{padding:10px 12px}
}
@media (max-width:420px){
	.mya-top-logo .custom-logo{max-height:36px}
}

/* ---------- Small gap between the top bar and the menu ---------- */
.adore-header-outer{margin-top:6px}
@media (max-width:767px){
	.adore-header-outer{margin-top:4px}
}

/* ---------- Menu on two or more rows: full grid borders ---------- */
/* Every top-level item gets a right and a bottom border, so a line also
   runs between rows. The menu is pulled 2px right and down so the last
   column and last row sit exactly on the header's own border (no double
   lines). Drop-down menus are not affected. */
@media (min-width:992px){
	.main-navigation .menu{margin-inline-end:-2px;margin-block-end:-2px}
	.main-navigation .menu > li,
	.main-navigation .menu > li:last-child{
		border-inline-end:var(--retro-border);
		border-block-end:var(--retro-border);
	}
}

/* ---------- Menu colours ---------- */
/* Every menu item (main menu and drop-downs, desktop and mobile) has a
   permanent pink background at 75% transparency. The current item and the
   item under the mouse/keyboard focus are darker: black at 30% transparency.
   Home is never marked as the current item - it only darkens on hover. */
:root{
	--mya-menu-bg:rgba(233,30,99,.25); /* permanent: pink, 75% transparent */
	--mya-menu-hl:rgba(0,0,0,.7);   /* hover / current: 30% transparent */
}
.main-navigation ul li > a,
.main-navigation ul ul li a{
	background-color:var(--mya-menu-bg);
	color:#111;
}
.main-navigation ul li > a:is(:hover,:focus),
.main-navigation ul ul li a:is(:hover,:focus),
.main-navigation ul :is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current_page_ancestor) > a{
	background-color:var(--mya-menu-hl);
	color:#fff;
}
.main-navigation .menu > li:is(:first-child,.menu-item-home):is(.current-menu-item,.current_page_item,.current-menu-ancestor,.current-menu-parent,.current_page_ancestor) > a:not(:hover):not(:focus){
	background-color:var(--mya-menu-bg);
	color:#111;
}

/* ---------- Homepage: slider close under the menu ---------- */
/* hide the page title ("Home New") on the homepage only */
.mya-front-page .site-main article .entry-header{display:none}
.mya-front-page .site-main article .entry-content{padding-top:12px;margin-top:0}
@media (max-width:767px){
	.mya-front-page .site-main article .entry-content{padding-top:10px}
}