/*
Theme Name: Norse Sound Creative
Theme URI: 
Author: Norse Sound Creative
Author URI: 
Description: 
Requires at least: 6.9
Tested up to: 6.9
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: norse-sound-creative
Tags: 

/* CSS Reset
---------------------------------------------------------------------------- */

/* CSS Reset
---------------------------------------------------------------------------- */

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

html {
    box-sizing: border-box;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

b,
strong {
    font-weight: 600;
}

ol,
ul {
    padding: 0;
}

ol:where(:not([class*="wp-block"])),
ol:where(.wp-block-list),
ul:where(:not([class*="wp-block"])),
ul:where(.wp-block-list) {
    padding-inline-start: var(--wp--preset--spacing--md);
}

div[class*="wp-block-"] figcaption {
    color: var(--wp--preset--color--neutral-9);
    font-size: var(--wp--preset--spacing--xs);
    margin-bottom: 0;
    margin-top: 20px;
    text-align: center;
}

img,
figure {
    max-width: 100%;
    height: auto;
}

/* Standardize form styling
--------------------------------------------- */

input,
button,
textarea,
select {
    font: inherit;
}

input[type="button"],
input[type="email"],
input[type="search"],
input[type="submit"],
input[type="text"],
textarea {
    appearance: none;
}

input:not([type="submit"]),
select,
textarea,
.wp-block-post-comments-form input:not([type="submit"]):not([type="checkbox"]),
.wp-block-post-comments-form textarea {
    color: var(--wp--preset--color--neutral-10);
    border-radius: 5px;
    border: solid 1px var(--wp--preset--color--neutral-10);
    padding: .5em 1em;
    font-size: var(--wp--preset--font-size--text-base);
    width: 100%;
}

input:focus-visible,
textarea:focus-visible {
    outline-color: var(--wp--preset--color--primary);
}

input[type="checkbox"],
input[type="image"],
input[type="radio"] {
    width: auto;
}

label {
    width: 100%;
    display: block;
}

::placeholder {
    color: var(--wp--preset--color--neutral-10);
    font-size: var(--wp--preset--font-size--text-sm);
    opacity: 0.75;
}

/* Post Comment Button */
input[type="submit"].wp-block-button__link {
    padding-top: var(--wp--custom--block--button--padding-y);
    padding-right: var(--wp--custom--block--button--padding-x);
    padding-bottom: var(--wp--custom--block--button--padding-y);
    padding-left: var(--wp--custom--block--button--padding-x);
}

input[type="submit"].wp-block-button__link:hover {
    background-color: var(--wp--preset--color--neutral-12);
    color: var(--wp--preset--color--light);
    border-color: var(--wp--preset--color--neutral-12);
}

:root {
    --focus-ring-color: transparent;
    --focus-ring-offset: 2px;
}

:where(.wp-site-blocks *:focus) {
    outline-width: 0 !important;
    outline-style: solid;
    outline-color: var(--focus-ring-color) !important;
    outline-offset: var(--focus-ring-offset);
}

.wp-element-button,
.wp-block-button__link {
    transition: all 0.2s ease-in-out;
}


/* header style */

/* Navigation Menu */
nav[aria-label="Main Menu: Icon Only"] > .wp-block-navigation__responsive-container.is-menu-open {
    padding: 0 !important;
}

nav[aria-label="Main Menu: Icon Only"] .wp-block-navigation__responsive-container-close {
    top: var(--wp--preset--spacing--xl);
    right: var(--wp--preset--spacing--xl);
    display: flex;
    color: var(--wp--preset--color--secondary);
}

nav[aria-label="Main Menu: Icon Only"] .wp-block-navigation__responsive-container-close::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjEiIGhlaWdodD0iNjEiIHZpZXdCb3g9IjAgMCA2MSA2MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgZmlsbD0id2hpdGUiLz4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgc3Ryb2tlPSJ3aGl0ZSIvPgo8cGF0aCBkPSJNMzIuNzQ4NyAyOS45MjgzTDQ4LjgzNTEgOS43MjQ5N0w0Ni42MjQyIDcuOTcxNDRMNDYuMzE5MiA4LjM1MjYzTDMwLjkxODkgMjcuNjQxMUwzMi43NDg3IDI5LjkyODNaIiBmaWxsPSIjRTQxRTI2Ii8+CjxwYXRoIGQ9Ik0yMS42MTgyIDIxLjc3MDhMMzcuNDc1OSA0MS41OTI5TDM3Ljg1NyA0MS4xMzU1TDM5LjMwNTYgMzkuMzA1N0wyMy40NDc5IDE5LjQ4MzZMMjEuNjE4MiAyMS43NzA4WiIgZmlsbD0iI0U0MUUyNiIvPgo8cGF0aCBkPSJNMTguODczNiAxOC4zMzk5TDIwLjcwMzQgMTUuOTc2NUwxNC4yOTkzIDcuOTcxNDRMMTIuMDg4NCA5LjcyNDk3TDEyLjM5MzMgMTAuMTgyNEwxOC44NzM2IDE4LjMzOTlaIiBmaWxsPSIjRTQxRTI2Ii8+CjxwYXRoIGQ9Ik0yMC43MDMyIDM5LjMwNTZMMTMuNjg5MyAzMC41MzgyTDMwLjE1NjggOS44Nzc0TDMwLjQ2MTggOS40OTYyMUwzNy40NzU4IDE4LjMzOTlMMzkuMzA1NSAxNS45NzY1TDMwLjQ2MTggNC45MjE4OEwxMC4wMjk4IDMwLjUzODJMMTAuMzM0NyAzMC44NDMxTDE4Ljg3MzUgNDEuNjY5TDIwLjcwMzIgMzkuMzA1NloiIGZpbGw9IiNFNDFFMjYiLz4KPHBhdGggZD0iTTI4LjE3NDggMzEuMTQ4MkwxMi4wODg0IDUxLjM1MTVMMTQuMjk5MyA1My4xMDVMMTQuNjA0MyA1Mi43MjM4TDMwLjAwNDUgMzMuNDM1NEwyOC4xNzQ4IDMxLjE0ODJaIiBmaWxsPSIjRTQxRTI2Ii8+CjxwYXRoIGQ9Ik00Mi4wNTAyIDE5LjQ4MzZMNDAuMjIwNCAyMS43NzA4TDQ3LjIzNDQgMzAuNTM4M0wzMC40NjE5IDUxLjU4MDJMMjMuNDQ3OSA0Mi44MTI3TDIxLjYxODIgNDUuMDk5OUwyMS45MjMxIDQ1LjQwNDlMMzAuNDYxOSA1Ni4xNTQ1TDUwLjg5MzkgMzAuNTM4M0w0Mi4wNTAyIDE5LjQ4MzZaIiBmaWxsPSIjRTQxRTI2Ii8+CjxwYXRoIGQ9Ik00Mi4wNTA0IDQyLjgxMjVMNDAuMjIwNyA0NS4wOTk3TDQ2LjYyNDggNTMuMTA0N0w0OC44MzU3IDUxLjM1MTNMNDguNTMwNyA1MC44OTM4TDQyLjA1MDQgNDIuODEyNVoiIGZpbGw9IiNFNDFFMjYiLz4KPHBhdGggZD0iTTE1LjI5IDMwLjUzOEwyMS4xNjA0IDM3LjkzMzJMMjcuMDMwOCAzMC41MzhMMjEuMTYwNCAyMy4xNDI4TDE1LjI5IDMwLjUzOFpNMjEuMTYwNCAzNS41Njk3TDE3LjExOTggMzAuNTM4TDIxLjE2MDQgMjUuNTA2MkwyNS4yMDExIDMwLjUzOEwyMS4xNjA0IDM1LjU2OTdaIiBmaWxsPSIjMUMxRDFBIi8+CjxwYXRoIGQ9Ik0zMC40NjE3IDQ5LjU5OEwzNi4zMzIxIDQyLjIwMjhMMzAuNDYxNyAzNC44MDc2TDI0LjU5MTMgNDIuMjAyOEwzMC40NjE3IDQ5LjU5OFpNMzQuNTAyNCA0Mi4yMDI4TDMwLjQ2MTcgNDcuMjM0NUwyNi40MjEgNDIuMjAyOEwzMC40NjE3IDM3LjE3MTFMMzQuNTAyNCA0Mi4yMDI4WiIgZmlsbD0iIzFDMUQxQSIvPgo8cGF0aCBkPSJNMzAuNDYxNyAxMS40NzgzTDI0LjU5MTMgMTguODczNUwzMC40NjE3IDI2LjI2ODZMMzYuMzMyMSAxOC44NzM1TDMwLjQ2MTcgMTEuNDc4M1pNMjYuNDIxIDE4Ljg3MzVMMzAuNDYxNyAxMy44NDE3TDM0LjUwMjQgMTguODczNUwzMC40NjE3IDIzLjkwNTJMMjYuNDIxIDE4Ljg3MzVaIiBmaWxsPSIjMUMxRDFBIi8+CjxwYXRoIGQ9Ik01NC4zMjQ2IDMwLjUzODFMNTMuNjM4NCAyOS42MjMzTDQ1LjAyMzQgMTguODczNkw1MS43MzI1IDEwLjQxMTFMNTIuNjQ3MyA5LjI2NzQ3TDUxLjUwMzcgOC4zNTI1OUw0Ny4zMTA2IDQuOTk4MTFMNDYuMTY3IDQuMDgzMjRMNDUuMjUyMiA1LjIyNjgyTDQ0LjcxODUgNS45MTI5OUwzOS42ODY3IDEyLjE2NDVMMzEuNTI5MiAxLjg3MjI5TDMwLjM4NTYgMC41TDI5LjI0MiAxLjg3MjI5TDI4LjU1NTkgMi43ODcxN0wyMS4wODQ0IDEyLjE2NDVMMTUuNTE5IDUuMTUwNkwxNC42MDQxIDQuMDA3MDJMMTMuNDYwNiA0LjkyMTg1TDkuMjY3NDIgOC4yNzYzN0w4LjEyMzg0IDkuMTkxMjVMOS4wMzg3IDEwLjMzNDhMMTUuNzQ3NyAxOC43OTczTDcuMzYxNDUgMjkuNjIzM0w2LjY3NTI5IDMwLjUzODFMNy4zNjE0NSAzMS40NTNMMTUuOTc2NCA0Mi4yMDI3TDkuMjY3NDIgNTAuNjY1Mkw4LjM1MjU2IDUxLjgwODhMOS40OTYxNCA1Mi43MjM2TDEzLjY4OTMgNTYuMDc4MkwxNC44MzI5IDU2Ljk5M0wxNS43NDc3IDU1Ljg0OTRMMjEuMzEzMiA0OC44MzU1TDI5LjQ3MDcgNTkuMTI3N0wzMC42MTQzIDYwLjVMMzEuNzU3OSA1OS4xMjc3TDM5LjkxNTQgNDguODM1NUw0NS40ODA5IDU1Ljg0OTRMNDYuMzk1NyA1Ni45OTNMNDcuNTM5MyA1Ni4wNzgyTDUxLjczMjUgNTIuNzIzNkw1Mi44NzYgNTEuODA4OEw1MS45NjEyIDUwLjY2NTJMNDUuMjUyMiA0Mi4yMDI3TDUzLjg2NzIgMzEuNDUzTDU0LjMyNDYgMzAuNTM4MVpNNDMuMTkzNyA0Mi4yMDI3TDUwLjY2NTEgNTEuNThMNDYuNDcyIDU0LjkzNDZMMzkuNzYzIDQ2LjU0ODNMMzAuNDYxOCA1OC4yMTI4TDIxLjE2MDcgNDYuNTQ4M0wxNC40NTE3IDU0LjkzNDZMMTAuMjU4NSA1MS41OEwxNy43Mjk5IDQyLjIwMjdMOC40Mjg3OSAzMC41MzgxTDE3LjcyOTkgMTguODczNkwxMC4yNTg1IDkuNDk2MThMMTQuNDUxNyA2LjE0MTdMMjEuMTYwNyAxNC41MjhMMjkuNzc1NyAzLjc3ODI2TDMwLjQ2MTggMi44NjM0M0wzOS43NjMgMTQuNTI4TDQ1Ljg2MjEgNi44Mjc4Mkw0Ni4zOTU3IDYuMTQxN0w1MC41ODg5IDkuNDk2MThMNDMuMTE3NSAxOC44NzM2TDUyLjQxODYgMzAuNTM4MUw0My4xOTM3IDQyLjIwMjdaIiBmaWxsPSIjMUMxRDFBIi8+CjxwYXRoIGQ9Ik00NS42MzM0IDMwLjUzOEwzOS43NjMgMjMuMTQyOEwzMy44OTI2IDMwLjUzOEwzOS43NjMgMzcuOTMzMkw0NS42MzM0IDMwLjUzOFpNMzkuNzYzIDI1LjUwNjJMNDMuODAzNiAzMC41MzhMMzkuNzYzIDM1LjU2OTdMMzUuNzIyMyAzMC41MzhMMzkuNzYzIDI1LjUwNjJaIiBmaWxsPSIjMUMxRDFBIi8+Cjwvc3ZnPgo=');
    width: 60px;
    height: 60px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

nav[aria-label="Main Menu: Icon Only"] .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    padding-top: 0;
}

nav[aria-label="Main Menu: Icon Only"] .has-modal-open .wp-block-navigation__responsive-close {
    max-width: none;
}

.overlap-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100vw !important;
    margin-top: 20px !important;
    padding-top: 10px !important;
    padding-bottom: 20px !important;
    z-index: 1000 !important;
    background: transparent !important;
    transition: background-color 0.3s ease, backdrop-filter 0.3s ease !important;
}

/* When scrolled - use multiple selectors for specificity */
.overlap-header.scrolled,
body .overlap-header.scrolled {
    background: rgba(224, 224, 224, 0.925) !important;
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}





/* SVG icon size */
.nav-icon .wp-block-navigation__responsive-container-open svg {
    width: 27px;
    height: 27px;
    padding: 16px;
    box-sizing: content-box;
}

.nav-icon .wp-block-navigation__responsive-container-close svg {
    width: 20px;
    height: 20px;
    padding: 20px;
    box-sizing: content-box;
}

/* Icon color */
.nav-icon svg {
    fill: currentColor;
}


.overlap-previous {
  position: relative !important;
  margin-top: -10px !important;
  z-index: 10 !important;
}

@media (max-width: 768px) {
  .overlap-previous {
    margin-top: -60px !important;
  }
}


.overlap-previous-large {
  position: relative !important;
  margin-top: -130px !important;
  z-index: 10 !important;
}

@media (max-width: 768px) {
  .overlap-previous-large {
    margin-top: -100px !important;
  }
}
/* end of  header style */

/* Button CTA*/
/* WordPress Paragraph Button Style - Transparent with Red Underline */
.browse-work-button {
    display: inline-block;
    background-color: transparent;
    color: #ffffff;
    padding: 14px 24px 14px 0;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    border-radius: 0;
    position: relative;
    cursor: pointer;
    border: none;
    overflow: hidden;
    z-index: 1;
}

/* Red underline */
.browse-work-button::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #e63946;
    transition: all 0.3s ease;
    z-index: -1;
}

/* Arrow */
.browse-work-button::after {
    content: '→';
    margin-left: 16px;
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 18px;
    color: #e63946;
}

/* Hover state - Red fills from bottom */
.browse-work-button:hover {
    color: #ffffff;
    background-color: #e63946;
    padding: 14px 24px;
}

.browse-work-button:hover::before {
    height: 100%;
}

.browse-work-button:hover::after {
    transform: translateX(5px);
    color: #ffffff;
}

/* end of button cta */

.hero-banner-overide {
    background-image: linear-gradient(180deg, rgba(35, 34, 31, 0) 0%, rgba(35, 34, 31, 0.8) 70%, #23221F 100%), url(https://nscrevamp.wpenginepowered.com/wp-content/uploads/2025/12/a40f3244d7bc28add71ff998b7c778c75e997924-1.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.overlap-next {
  position: relative !important;
  margin-top: -130px !important;
  z-index: 10 !important;
}


/*  2x2 screen acf*/
.image-grid-2x2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 0;
  max-width: 800px;
  margin: 0 auto;
  aspect-ratio: 1 / 1;
}

.image-grid-2x2 .wp-block-image {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.image-grid-2x2 .wp-block-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.image-grid-2x2 .wp-block-image figcaption {
  position: absolute;
  bottom: 10px;
  left: 10px;
  color: white;
  font-size: 14px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
  margin: 0;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .image-grid-2x2 {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    aspect-ratio: auto;
  }
  
  .image-grid-2x2 .wp-block-image {
    height: 250px;
  }
}

.service-item.service-0 {
    width: 110% !important;
    min-height: 420px !important;
    padding: 40px !important;
}

/* Ensure image or inner content scales properly */
.service-item.service-0 img {
    height: 100%;
    object-fit: cover;
}

/* Optional: adjust on mobile to avoid layout issues */
@media (max-width: 768px) {
    .service-item.service-0 {
        width: 100% !important;
        min-height: 320px !important;
    }
}

/* end 2x2 screen acf*/


.recent-work-grid {
    grid-template-columns: repeat(12, 1fr) !important;
    align-items: end;
}



/* Item 1: spans 7 columns */
.recent-work-grid > li:nth-child(1) {
    grid-column: span 7;
}

/* Item 2: spans 5 columns */
.recent-work-grid > li:nth-child(2) {
    grid-column: span 5;
}

/* Item 3: starts at column 3 (leaving 2 column space), spans 5 columns */
.recent-work-grid > li:nth-child(3) {
    grid-column: 3 / span 5;
}

/* Item 4: immediately follows item 3, spans 5 columns */
.recent-work-grid > li:nth-child(4) {
    grid-column: 8 / span 5;
}

@media screen and (max-width: 425px) {
     .recent-work-grid {
        row-gap: var(--wp--preset--spacing--md);
     }
    .recent-work-grid > li {
        grid-column: span 13 !important;
    }
}

.recent-work-card {
    overflow: visible;
    transform: scale(1);
}
.recent-work-card > img {
    transition: transform 0.3s ease;
}
.recent-work-card:hover > img {
    transform: scale(1.04);
    transition: transform 0.3s ease;
}



.testimonial-wrapper > .swiper-button-prev,
.testimonial-wrapper > .swiper-button-next {
    position: absolute;
    top: calc((var(--wp--preset--spacing--xl) + 42px) * -1);
    width: 42px;
    height: 42px;
    left: unset;
    margin-top: unset;
}

.testimonial-wrapper > .swiper-button-prev {
    right: 42px;
}

.testimonial-wrapper > .swiper-button-next {
    right: 0;
}

.testimonial-wrapper .cb-button-next:hover, .testimonial-wrapper .cb-button-prev:hover {
    opacity: 0.5;
}

.testimonial-wrapper .swiper-button-next:after, .testimonial-wrapper .swiper-button-prev:after {
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxOCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwMDRfNTI1KSI+CjxwYXRoIGQ9Ik02Ljc3ODkgMi40ODk3NUwwLjQ1Nzg2MyA4LjgzNDg4TDYuNzc4OSAxNS4xOEw3LjgzMTA3IDE0LjExOThMMy4zMDkxNiA5LjU4MTg0SDE3LjIxMjJWOC4wODc5MkgzLjMxNzE5TDcuODMxMDcgMy41NDk5NUw2Ljc4Njk0IDIuNDk3NzhMNi43Nzg5IDIuNDg5NzVaIiBmaWxsPSJ3aGl0ZSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEwMDRfNTI1Ij4KPHJlY3Qgd2lkdGg9IjE3LjY3IiBoZWlnaHQ9IjE3LjY3IiBmaWxsPSJ3aGl0ZSIgdHJhbnNmb3JtPSJtYXRyaXgoLTEgMCAwIDEgMTcuNjcgMCkiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K');
    width: 18px;
    height: 18px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
}

.testimonial-wrapper .swiper-button-next:after {
    transform: rotate(180deg);
}

.pricing-check-mark {
    position: relative;
}

.pricing-check-mark::before {
    content: '';
    background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHZpZXdCb3g9IjAgMCA2NCA2NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAgNjRMNjQgMEgwVjY0WiIgZmlsbD0iI0U0MUUyNiIvPgo8cGF0aCBkPSJNMTcuNzQ5MiAzMC42NjI2QzE3LjA2NzkgMzAuNjYyOSAxNi40MTQ2IDMwLjM5MjEgMTUuOTMzMiAyOS45MUwxMC40NDMxIDI0LjQyMTlDOS44NTIzMSAyMy44MzA5IDkuODUyMzEgMjIuODczIDEwLjQ0MzEgMjIuMjgyMUMxMS4wMzQgMjEuNjkxMyAxMS45OTE5IDIxLjY5MTMgMTIuNTgyOCAyMi4yODIxTDE3Ljc0OTIgMjcuNDQ4NEwzMS40MTcyIDEzLjc4MDVDMzIuMDA4MSAxMy4xODk3IDMyLjk2NiAxMy4xODk3IDMzLjU1NjkgMTMuNzgwNUMzNC4xNDc3IDE0LjM3MTQgMzQuMTQ3NyAxNS4zMjkzIDMzLjU1NjkgMTUuOTIwMkwxOS41NjUxIDI5LjkxQzE5LjA4MzggMzAuMzkyMSAxOC40MzA1IDMwLjY2MjkgMTcuNzQ5MiAzMC42NjI2WiIgZmlsbD0iI0ZBRjlGNSIvPgo8L3N2Zz4K');
    width: 64px;
    height: 64px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
}

.blog-category-filter {
    font-family: var(--wp--preset--font-family--castoro);
}

.blog-category-filter span {
    display: flex;
    flex-wrap: wrap;
    gap: var(--wp--preset--spacing--lg);
    justify-content: center;
}

.blog-category-filter span a {
    color: #ffffff;
    padding: 12px;
    line-height: 1.15;
    position: relative;
}


.blog-category-filter span a::before {
	content: '';
	position: absolute;
	bottom: 0;
	transition: all 0.3s ease;
	z-index: -1;
    background-color: var(--wp--preset--color--primary);
	left: 0;
	height: 100%;
	width: 0;
}


.blog-category-filter span a:hover {
	color: #ffffff;
}

.blog-category-filter span a:hover::before {
	background-color: var(--wp--preset--color--primary);
	width: 100%;
	transform: unset;
}

/* Remove background from first child when ANY .rudr-filter-current exists in the parent */
.blog-category-filter span:has(.rudr-filter-current) a:nth-child(1) {
    background-color: transparent;
}

/* Default: first child has primary background */
.blog-category-filter span a:nth-child(1),
.blog-category-filter span a.rudr-filter-current {
    background-color: var(--wp--preset--color--primary);
}

.blog-grid {
    row-gap: var(--wp--preset--spacing--2-xl);
}


.work-gallery-gradient {
    background: #23221F;
    background: linear-gradient(180deg, rgba(35, 34, 31, 1) 30%, rgba(255, 255, 255, 1) 30%);
}