/* =========================================================
LAW ROOM – CLEAN GLOBAL CSS (Kadence + WP safe)
- Footer: white default, gold shine + white underline hover
- Menu: hover gold + CURRENT PAGE gold
- Login link: lift on hover
- Woo buttons: navy + gold
========================================================= */

:root{
--lr-footer-bg: #0F172A;
--lr-white: #ffffff;
--lr-gold: #C9A56A;
--lr-gold-glow: rgba(201,165,106,0.65);
--lr-navy: #0F172A;
}

/* =========================================================
1) FOOTER (ALL WHITE DEFAULT + GOLD HOVER + WHITE UNDERLINE)
========================================================= */

/* Footer background */
#colophon,
.site-footer,
.kadence-footer-area,
.wp-site-blocks footer,
.wp-block-template-part footer{
background-color: var(--lr-footer-bg) !important;
}

/* Everything white in footer by default */
#colophon *,
.site-footer *,
.kadence-footer-area *,
.wp-site-blocks footer *,
.wp-block-template-part footer *{
color: var(--lr-white) !important;
opacity: 1 !important;
}

/* SVG icons follow text color */
#colophon svg,
.site-footer svg,
.kadence-footer-area svg,
.wp-site-blocks footer svg{
fill: currentColor !important;
stroke: currentColor !important;
}

/* Footer links base */
#colophon a,
.site-footer a,
.kadence-footer-area a,
.wp-site-blocks footer a{
color: var(--lr-white) !important;
text-decoration: none !important;
position: relative !important;
transition: color .22s ease, text-shadow .22s ease, filter .22s ease !important;
}

/* White underline animation */
#colophon a::after,
.site-footer a::after,
.kadence-footer-area a::after,
.wp-site-blocks footer a::after{
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: -6px !important;
width: 0% !important;
height: 1px !important;
background-color: var(--lr-white) !important;
transition: width .22s ease !important;
}

/* Hover: gold + glow + underline */
#colophon a:hover,
.site-footer a:hover,
.kadence-footer-area a:hover,
.wp-site-blocks footer a:hover{
color: var(--lr-gold) !important;
text-shadow: 0 0 10px var(--lr-gold-glow) !important;
filter: brightness(1.05) !important;
}
#colophon a:hover::after,
.site-footer a:hover::after,
.kadence-footer-area a:hover::after,
.wp-site-blocks footer a:hover::after{
width: 100% !important;
}

/* Social links (WP Social Links + Kadence social) */
.site-footer .wp-block-social-links a,
.site-footer .wp-block-social-link a,
.site-footer .kt-social-link,
.site-footer .kadence-social-link,
.kadence-footer-area .wp-block-social-links a,
.kadence-footer-area .wp-block-social-link a,
.kadence-footer-area .kt-social-link,
.kadence-footer-area .kadence-social-link,
#colophon .wp-block-social-links a,
#colophon .wp-block-social-link a,
#colophon .kt-social-link,
#colophon .kadence-social-link{
color: var(--lr-white) !important;
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
transition: color .22s ease, text-shadow .22s ease, filter .22s ease !important;
}
.site-footer .wp-block-social-links a:hover,
.site-footer .wp-block-social-link a:hover,
.site-footer .kt-social-link:hover,
.site-footer .kadence-social-link:hover,
.kadence-footer-area .wp-block-social-links a:hover,
.kadence-footer-area .wp-block-social-link a:hover,
.kadence-footer-area .kt-social-link:hover,
.kadence-footer-area .kadence-social-link:hover,
#colophon .wp-block-social-links a:hover,
#colophon .wp-block-social-link a:hover,
#colophon .kt-social-link:hover,
#colophon .kadence-social-link:hover{
color: var(--lr-gold) !important;
text-shadow: 0 0 10px var(--lr-gold-glow) !important;
filter: drop-shadow(0 0 8px var(--lr-gold-glow)) !important;
}

/* Footer crispness + width */
#colophon,
.site-footer,
.kadence-footer-area{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.site-footer .site-footer-inner,
.site-footer .footer-inner-wrap,
.site-footer .footer-wrap{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
width: 100%;
box-sizing: border-box;
}

/* =========================================================
2) HEADER MENU (HOVER GOLD + CURRENT PAGE GOLD)
========================================================= */

/* Kill white hover background (Kadence sometimes adds it) */
body .site-header nav a{
background: transparent !important;
}

/* Hover gold (menu) */
body .site-header nav a:hover,
body .site-header nav a:focus{
color: var(--lr-gold) !important;
}

/* ✅ CURRENT PAGE stays gold (this is the key) */
body .site-header .menu li.current-menu-item > a,
body .site-header .menu li.current_page_item > a,
body .site-header .menu li.current-menu-ancestor > a,
body .site-header .menu li.current-menu-parent > a{
color: var(--lr-gold) !important;
}

/* WP Block Navigation current item */
body .site-header .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content,
body .site-header .wp-block-navigation-item.current_page_item > .wp-block-navigation-item__content,
body .site-header .wp-block-navigation-item.current-menu-ancestor > .wp-block-navigation-item__content{
color: var(--lr-gold) !important;
}

/* Optional underline for current page */
body .site-header .menu li.current-menu-item > a,
body .site-header .menu li.current_page_item > a,
body .site-header .menu li.current-menu-ancestor > a{
box-shadow: inset 0 -3px 0 var(--lr-gold) !important;
}

/* =========================================================
3) LOGIN LINK (LIFT ON HOVER)
========================================================= */

header a[href*="login"],
header a[href*="wp-login"],
header a[href*="log-in"],
.site-header a[href*="login"],
.site-header a[href*="wp-login"],
.site-header a[href*="log-in"]{
transition: transform .25s ease, box-shadow .25s ease, background-color .25s ease, color .25s ease, border-color .25s ease;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
will-change: transform;
}
header a[href*="login"]:hover,
header a[href*="wp-login"]:hover,
header a[href*="log-in"]:hover,
.site-header a[href*="login"]:hover,
.site-header a[href*="wp-login"]:hover,
.site-header a[href*="log-in"]:hover{
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(184,154,92,.35), 0 0 0 1px rgba(184,154,92,.60);
}

/* =========================================================
4) WOOCOMMERCE (CTA + PLACE ORDER)
========================================================= */

.woocommerce div.product p.price,
.woocommerce div.product span.price{
font-family: "Bricolage Grotesque", system-ui, sans-serif !important;
font-size: 19px !important;
font-weight: 500 !important;
color: #0f172a !important;
margin: 0 0 18px 0 !important;
}

/* Join Membership button */
.woocommerce div.product form.cart .single_add_to_cart_button{
background: var(--lr-navy) !important;
color: var(--lr-gold) !important;
font-family: "Bricolage Grotesque", system-ui, sans-serif !important;
font-size: 19px !important;
font-weight: 700 !important;

display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
line-height: 1.1 !important;

padding: 16px 36px !important;
border-radius: 12px !important;
border: none !important;
box-shadow: none !important;

text-decoration: underline !important;
text-underline-offset: 6px !important;
text-decoration-thickness: 2px !important;
}
.woocommerce div.product form.cart .single_add_to_cart_button:hover{
filter: brightness(1.05) !important;
}

/* Checkout place order button */
body.woocommerce-checkout #place_order,
body.woocommerce-checkout button#place_order{
background: var(--lr-navy) !important;
background-image: none !important;
color: var(--lr-gold) !important;

border: 1px solid rgba(201,165,106,.35) !important;
border-radius: 12px !important;

font-family: "Bricolage Grotesque", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
font-size: 19px !important;
font-weight: 700 !important;

padding: 16px 32px !important;
min-height: 54px !important;

text-decoration: underline !important;
text-underline-offset: 6px !important;
text-decoration-thickness: 2px !important;

box-shadow: none !important;
opacity: 1 !important;
}
body.woocommerce-checkout #place_order:hover{
filter: brightness(1.05) !important;
}
body.woocommerce-checkout #place_order:disabled,
body.woocommerce-checkout #place_order[disabled]{
opacity: .7 !important;
cursor: not-allowed !important;
}

/* =========================================================
5) YOUR SMALL LAYOUT HELPERS (kept)
========================================================= */

.narrow-section{
max-width: 1200px;
margin: 0 auto;
padding-left: 24px;
padding-right: 24px;
}

/* Remove gap between countdown and membership sections */
.lawroom-countdown{
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.lawroom-membership{
margin-top: 0 !important;
padding-top: 0 !important;
}
.lawroom-countdown + .lawroom-membership{
margin-top: 0 !important;
padding-top: 0 !important;
}
/* Base card style */
.lawroom-card,
.kb-row-layout .kb-column,
.kb-card {
position: relative;
transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
border: 1px solid rgba(201,165,106,0.18);
border-radius: 10px; /* match Kadence card radius */
overflow: hidden;
}

/* Subtle gold glow layer */
.lawroom-card::before,
.kb-row-layout .kb-column::before,
.kb-card::before {
content: "";
position: absolute;
inset: 0;
border-radius: 10px; /* must match card */
border: 1px solid rgba(201,165,106,0.0);
transition: border 0.35s ease, opacity 0.35s ease;
pointer-events: none;
}

/* Hover effect */
.lawroom-card:hover,
.kb-row-layout .kb-column:hover,
.kb-card:hover {
transform: translateY(-8px) scale(1.01);
box-shadow:
0 20px 40px rgba(0,0,0,0.35),
0 0 0 1px rgba(201,165,106,0.35),
0 0 22px rgba(201,165,106,0.18);
border-color: rgba(201,165,106,0.45);
}

/* Gold edge glow on hover */
.lawroom-card:hover::before,
.kb-row-layout .kb-column:hover::before,
.kb-card:hover::before {
border: 1px solid rgba(201,165,106,0.65);
}

/* Slight content lift */
.lawroom-card:hover *,
.kb-row-layout .kb-column:hover *,
.kb-card:hover * {
transform: translateY(-1px);
transition: transform 0.35s ease;
}
/* ===== LAW ROOM PREMIUM BUTTON SYSTEM ===== */

/* Base button style */
button,
.wp-block-button__link,
.kb-button,
a.button,
input[type="submit"],
input[type="button"] {
position: relative;
transition: all 0.25s ease;
border-radius: 8px;
overflow: hidden;
}

/* Hover lift + glow */
button:hover,
.wp-block-button__link:hover,
.kb-button:hover,
a.button:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
transform: translateY(-3px) scale(1.02);
box-shadow: 0 10px 25px rgba(0,0,0,0.25);
}

/* Gold premium border reveal */
button::after,
.wp-block-button__link::after,
.kb-button::after,
a.button::after,
input[type="submit"]::after,
input[type="button"]::after {
content: "";
position: absolute;
inset: 0;
border-radius: 8px;
border: 1px solid transparent;
transition: all 0.25s ease;
pointer-events: none;
}

/* On hover → gold border appears */
button:hover::after,
.wp-block-button__link:hover::after,
.kb-button:hover::after,
a.button:hover::after,
input[type="submit"]:hover::after,
input[type="button"]:hover::after {
border-color: #C9A56A;
box-shadow: 0 0 12px rgba(201,165,106,0.5);
}

/* Active click feel */
button:active,
.wp-block-button__link:active,
.kb-button:active,
a.button:active,
input[type="submit"]:active,
input[type="button"]:active {
transform: translateY(0) scale(0.98);
}
.instagram-grid blockquote.instagram-media {
max-width: 300px !important;
width: 100% !important;
height: 500px !important;
overflow: hidden !important;
margin: 0 auto !important;
}

.instagram-grid .wp-block-embed {
display: flex;
justify-content: center;
}
.instagram-grid .wp-block-embed-instagram,
.instagram-grid .wp-block-embed-instagram .wp-block-embed__wrapper,
.instagram-grid .wp-block-embed-instagram iframe,
.instagram-grid blockquote.instagram-media {
max-width: 260px !important;
width: 260px !important;
min-width: 260px !important;
margin: 0 auto !important;
}

.instagram-grid .wp-block-embed-instagram {
height: 520px !important;
overflow: hidden !important;
}
/* ===== REMOVE GAP BETWEEN LAUNCH BAR AND HERO ===== */

/* Launch bar styling */
.launch-bar {
background: #c8a15a;
color: #111;
text-align: center;
font-weight: 600;
padding: 14px 20px;
margin: 0 !important;
border: none;
}

/* Remove ALL spacing below launch bar */
.launch-bar {
margin-bottom: 0 !important;
}

/* Force next section (hero) to stick to it */
.launch-bar + * {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Kill Kadence row/block spacing */
.hero-section,
.hero-section .kt-row-layout-inner,
.hero-section .wp-block-kadence-rowlayout,
.hero-section .wp-block-cover {
margin-top: 0 !important;
padding-top: 0 !important;
}

/* Remove hidden spacing from Kadence containers */
.wp-block-kadence-rowlayout,
.kt-row-layout-inner {
margin-top: 0;
}

/* Safety: remove any top gap from first section image */
.hero-section img {
display: block;
margin-top: 0;
}
.main-navigation a {
font-size: 15px;
white-space: nowrap;
}