/*
Theme Name: Nagarjun Valeru - SEO & AEO Portfolio
Theme URI: https://www.werize.com/authors/nagarjun-valeru/
Author: Nagarjun Valeru
Author URI: https://www.werize.com/authors/nagarjun-valeru/
Description: Complete, verified editorial portfolio and case study for Nagarjun Valeru covering Senior SEO Content Writing, Technical SEO, On-Page SEO, Organic Growth, and Google AI Overviews (AEO & GEO).
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nagarjun-portfolio
Tags: portfolio, one-column, custom-colors, custom-header, full-width-template
*/

/* 
 * Core styles are loaded from assets/index-*.css compiled with Tailwind CSS 4.
 * Additional WordPress admin-bar and core compatibility rules are defined here.
 */

/* Ensure smooth scrolling and proper box-sizing */
html {
  scroll-behavior: smooth;
  box-sizing: border-box;
}

*, *:before, *:after {
  box-sizing: inherit;
}

/* Adjust header spacing when WordPress Admin Bar is visible to logged-in users */
body.admin-bar header.sticky {
  top: 32px;
}

@media screen and (max-width: 782px) {
  body.admin-bar header.sticky {
    top: 46px;
  }
}

/* ==========================================================================
   Global Button & Navigation Hardening Against WordPress & Hostinger Overrides
   ========================================================================== */

/* 1. Header Navigation Bar (Desktop lg: 1024px and up): Ensure perfect alignment & comfortable gaps */
@media (min-width: 1024px) {
  header nav[aria-label="Main Navigation"],
  #root header nav[aria-label="Main Navigation"],
  header nav.lg\:flex,
  #root header nav.lg\:flex {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  header nav[aria-label="Main Navigation"] a,
  #root header nav[aria-label="Main Navigation"] a,
  header nav.lg\:flex a,
  #root header nav.lg\:flex a,
  .nav-link-bar {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px 14px !important;
    margin: 0 3px !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    color: #66585B !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.15s ease-in-out !important;
  }

  header nav[aria-label="Main Navigation"] a:hover,
  #root header nav[aria-label="Main Navigation"] a:hover,
  header nav.lg\:flex a:hover,
  #root header nav.lg\:flex a:hover,
  .nav-link-bar:hover {
    color: #1C1517 !important;
    background-color: rgba(232, 225, 222, 0.5) !important;
    border-bottom-color: #B98C91 !important;
  }

  header nav[aria-label="Main Navigation"] a.border-\[\#641E32\],
  header nav[aria-label="Main Navigation"] a[class*="text-[#641E32]"],
  #root header nav[aria-label="Main Navigation"] a.border-\[\#641E32\],
  #root header nav[aria-label="Main Navigation"] a[class*="text-[#641E32]"],
  header nav.lg\:flex a.border-\[\#641E32\],
  header nav.lg\:flex a[class*="text-[#641E32]"],
  #root header nav.lg\:flex a.border-\[\#641E32\],
  #root header nav.lg\:flex a[class*="text-[#641E32]"],
  .nav-link-bar.border-\[\#641E32\] {
    color: #641E32 !important;
    background-color: #F4EBEB !important;
    font-weight: 700 !important;
    border-bottom-color: #641E32 !important;
  }

  /* Hamburger menu button is strictly hidden on desktop */
  header button[aria-label*="navigation menu"],
  #root header button[aria-label*="navigation menu"] {
    display: none !important;
  }
}

/* Mobile & Tablet (< 1024px): Strictly hide desktop nav bar, ensure hamburger menu is visible */
@media (max-width: 1023px) {
  header nav[aria-label="Main Navigation"],
  #root header nav[aria-label="Main Navigation"],
  header nav.hidden,
  #root header nav.hidden {
    display: none !important;
  }

  /* Hamburger toggle button */
  header button[aria-label*="navigation menu"],
  #root header button[aria-label*="navigation menu"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
  }
}

/* Small mobile devices (< 640px): Ensure hidden sm:inline-flex elements stay hidden */
@media (max-width: 639px) {
  header .hidden.sm\:inline-flex,
  #root header .hidden.sm\:inline-flex {
    display: none !important;
  }
}

/* Mobile Drawer Navigation: Vertical column layout */
header nav[aria-label="Mobile Navigation"],
#root header nav[aria-label="Mobile Navigation"] {
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

header nav[aria-label="Mobile Navigation"] a,
#root header nav[aria-label="Mobile Navigation"] a {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  padding: 10px 14px !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  color: #1C1517 !important;
  background-color: transparent !important;
  text-decoration: none !important;
  cursor: pointer !important;
  border: none !important;
}

header nav[aria-label="Mobile Navigation"] a.active-link,
header nav[aria-label="Mobile Navigation"] a[class*="text-[#641E32]"],
#root header nav[aria-label="Mobile Navigation"] a.active-link,
#root header nav[aria-label="Mobile Navigation"] a[class*="text-[#641E32]"] {
  background-color: #F4EBEB !important;
  color: #641E32 !important;
  font-weight: 700 !important;
}

header nav[aria-label="Mobile Navigation"] a:hover,
#root header nav[aria-label="Mobile Navigation"] a:hover {
  background-color: #F4EBEB !important;
  color: #641E32 !important;
}

/* 2. Primary Oxblood Buttons: Prevent white-on-white washes */
.btn-oxblood-primary,
a.btn-oxblood-primary,
button.btn-oxblood-primary,
#root a.btn-oxblood-primary,
#root button.btn-oxblood-primary,
#hero a[href="#case-study"],
#root a.bg-\[\#641E32\],
#root button.bg-\[\#641E32\] {
  background-color: #641E32 !important;
  color: #ffffff !important;
  border: 1px solid #641E32 !important;
  text-decoration: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.btn-oxblood-primary:hover,
a.btn-oxblood-primary:hover,
button.btn-oxblood-primary:hover,
#root a.btn-oxblood-primary:hover,
#root button.btn-oxblood-primary:hover,
#hero a[href="#case-study"]:hover,
#root a.bg-\[\#641E32\]:hover,
#root button.bg-\[\#641E32\]:hover {
  background-color: #461423 !important;
  color: #ffffff !important;
  border-color: #461423 !important;
}

.btn-oxblood-primary *,
a.btn-oxblood-primary *,
button.btn-oxblood-primary *,
#root a.btn-oxblood-primary *,
#root button.btn-oxblood-primary *,
#hero a[href="#case-study"] * {
  color: #ffffff !important;
  fill: currentColor !important;
}

/* 3. Universal Pointer Cursor & Interactive State Guarantee */
a,
button,
[role="button"],
input[type="submit"],
input[type="button"],
.cursor-pointer,
#root a,
#root button,
#root [role="button"] {
  cursor: pointer !important;
}

#root a:not([disabled]),
#root button:not([disabled]) {
  cursor: pointer !important;
  pointer-events: auto !important;
}

/* Never allow WordPress customizer or parent iframe to display red blocked cursor */
body a,
body button,
body [role="dialog"] button {
  cursor: pointer !important;
}