/*
Theme Name:   Kadence Child
Theme URI:    https://genrejoe.com
Description:  Kadence Child Theme for Joe Richardson
Author:       Joe Richardson
Author URI:   https://genrejoe.com
Template:     kadence
Version:      1.0.1
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  kadence-child
*/

/*
  All custom styles for the portfolio live in page-portfolio.php.
  Add any global overrides for other pages here if needed.
*/

/* =========================================================
   GENREJOE — KADENCE INTERIOR HEADER
   Match the custom page-portfolio.php navigation
   ========================================================= */

/* Header background + subtle gold rule */
body:not(.page-template-page-portfolio) #masthead .site-header-row-container-inner {
    background: #0b0908;
    border-bottom: 1px solid rgba(201, 168, 76, 0.12);
}

/* Let the interior header breathe like the custom homepage */
body:not(.page-template-page-portfolio) #masthead .site-container {
    max-width: none;
    padding-left: 5rem;
    padding-right: 5rem;
}

/* Joe Richardson */
body:not(.page-template-page-portfolio) .site-branding .site-title,
body:not(.page-template-page-portfolio) .site-branding .site-title a,
body:not(.page-template-page-portfolio) .site-branding a.brand {
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: 0.82rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.18em !important;
    color: #c9c0ae !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

/* Joe Richardson hover treatment */
body:not(.page-template-page-portfolio) .site-branding .site-title-wrap {
    position: relative;
}

body:not(.page-template-page-portfolio) .site-branding .site-title {
    transition: color 0.25s ease;
}

body:not(.page-template-page-portfolio) .site-branding .site-title-wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.28em;
    height: 1px;
    background: #c9a84c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

body:not(.page-template-page-portfolio)
.site-branding a.brand:hover .site-title {
    color: #f2ece0 !important;
}

body:not(.page-template-page-portfolio)
.site-branding a.brand:hover .site-title-wrap::after {
    transform: scaleX(1);
}

/* Primary navigation */
body:not(.page-template-page-portfolio)
.main-navigation .primary-menu-container > ul > li.menu-item > a {
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 0.82rem;
    font-weight: 400;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #c9c0ae;
    position: relative;
    transition: color 0.25s ease;
}

/* Keep current-page links parchment rather than Kadence gold */
body:not(.page-template-page-portfolio)
.main-navigation .primary-menu-container > ul > li.current-menu-item > a {
    color: #f2ece0;
}

/* Claude-style animated underline */
body:not(.page-template-page-portfolio)
.main-navigation .primary-menu-container > ul > li.menu-item > a {
    position: relative;
}

body:not(.page-template-page-portfolio)
.main-navigation .primary-menu-container > ul > li.menu-item > a::after {
    content: "";
    position: absolute;
    left: 0.7em;
    right: 0.7em;
    bottom: 0.45em;
    height: 1px;
    background: #c9a84c;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

body:not(.page-template-page-portfolio)
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover {
    color: #f2ece0 !important;
}

body:not(.page-template-page-portfolio)
.main-navigation .primary-menu-container > ul > li.menu-item > a:hover::after {
    transform: scaleX(1);
}

/* =========================================================
   GENREJOE — HIRE ME NAV BUTTON
   Match custom homepage exactly
   ========================================================= */

body:not(.page-template-page-portfolio)
.main-navigation
.primary-menu-container
> ul
> li.menu-hire-me
> a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0.55rem 1.5rem !important;
    margin-left: 0.35rem;

    border: 1px solid rgba(201, 168, 76, 0.4) !important;
    background: transparent !important;
    color: #c9a84c !important;

    line-height: 1.2;
    transition:
        background 0.25s ease,
        color 0.25s ease,
        border-color 0.25s ease;
}

/* Kill BOTH our animated underline and any Kadence underline */
body:not(.page-template-page-portfolio)
.main-navigation
.primary-menu-container
> ul
> li.menu-hire-me
> a::after,

body:not(.page-template-page-portfolio)
.main-navigation
.primary-menu-container
> ul
> li.menu-hire-me
> a
.nav-drop-title-wrap::after {
    content: none !important;
    display: none !important;
    transform: none !important;
}

/* Homepage-style gold fill on hover */
body:not(.page-template-page-portfolio)
.main-navigation
.primary-menu-container
> ul
> li.menu-hire-me
> a:hover {
    background: #c9a84c !important;
    color: #0b0908 !important;
    border-color: #c9a84c !important;
}

/* =========================================================
   GENREJOE — INTERIOR ATMOSPHERE
   Subtle echo of the custom homepage background
   ========================================================= */

body:not(.page-template-page-portfolio) {
    background:
        radial-gradient(
            ellipse 60% 60% at 75% 35%,
            rgba(140, 59, 36, 0.10) 0%,
            transparent 65%
        ),
        radial-gradient(
            ellipse 40% 50% at 15% 75%,
            rgba(200, 164, 90, 0.04) 0%,
            transparent 55%
        ),
        linear-gradient(
            170deg,
            #181210 0%,
            #0b0908 55%,
            #0f0b09 100%
        );
    background-attachment: fixed;
}