/* Font Face Declarations */
@font-face {
    font-family: 'Agenda', sans-serif;
    src: url('../fonts/ufonts.com_agenda-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agenda', sans-serif;
    src: url('../fonts/ufonts.com_agenda-lightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Agenda', sans-serif;
    src: url('../fonts/ufonts.com_agenda-mediumcondensed.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agenda', sans-serif;
    src: url('../fonts/ufonts.com_agenda-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Agenda', sans-serif;
    src: url('../fonts/ufonts.com_agenda-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/* @font-face {
    font-family: 'DIN Neuzeit Grotesk';
    src: url('../fonts/DIN 30640 Neuzeit Grotesk LT Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
} */


@font-face {
    font-family: 'Mittelschrift';
    src: url('../fonts/DIN Mittelschrift Mittelschrift.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
/* Full page background setup */
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Mittelschrift', sans-serif;
    
}
html{
    display: flex;
    width: auto;
    justify-content: center;
    height: auto;
}
body{
    max-width: 430px;
    position: relative;
    width: 100%;
}

.main-content{
    overscroll-behavior-y: contain;
    -webkit-overflow-scrolling: touch !important;
    min-height: 100vh;
}



.main-section{
    min-height: 100vh !important;
}

.sign-up-contact {
    position: relative !important;
    display: flex !important;
    justify-content: center !important;
}

.sign-up-contact .wpcf7-form{
    padding: unset !important;
}

.sign-up-contact .wpcf7{
    max-width: 80%;
}

.sign-up-contact form{
    display: flex;
    flex: 1;
    flex-basis: auto !important;
    position: relative !important;
    z-index: 10;
    padding: 10px;
    margin-bottom: 20px !important;
    justify-content: center;
    
}

.sign-up-contact .wpcf7-response-output{
   position: absolute;
   bottom: -35px !important;
   margin: unset !important;
}
.sign-up-contact p{
    position: relative;
}
.sign-up-contact p:first-of-type:after{
    content: ' ' !important;
    position: absolute;
    top: 1px;
    right: 0;
    width: 30px;
    height: 44px;
    background-color: #fff !important;
    z-index: 100;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: skewX(-208deg);
    -ms-transform: skewX(-208deg);
    transform: skewX(-208deg);
}

.sign-up-contact input{
    height: 46px;
    min-width: 90px;
    padding-left: 20px;
}



.sign-up-contact input::placeholder{
   text-align: left !important;
}


@media screen and (max-width: 600px) {
    #wpadminbar {
        top: -48px !important
    }
}

.text-left{
    text-align: left;
}
/* Font Face Declarations */
@font-face {
    font-family: 'Agenda';
    src: url('../fonts/ufonts.com_agenda-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Agenda01';
    src: url('../fonts/URW Agenda W01 Light.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Agenda';
    src: url('../fonts/ufonts.com_agenda-mediumcondensed.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Agenda';
    src: url('../fonts/ufonts.com_agenda-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Agenda';
    src: url('../fonts/ufonts.com_agenda-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/DIN 30640 Neuzeit Grotesk LT Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/DIN Neuzeit Grotesk W#FE3B1.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/DIN Neuzeit Grotesk W#FE3B1 2.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/DIN Mittelschrift Mittelschrift.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/DIN Neuzeit Grotesk W#FE3B1 4.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Grotesk';
    src: url('../fonts/DIN 30640 Neuzeit Gr#1A31B2.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'RocknRoll';
    src: url('../fonts/RocknRollGrunge.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'RocknRoll';
    src: url('../fonts/RocknRollGrunge 2.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}


@font-face {
    font-family: 'RocknRoll';
    src: url('../fonts/RocknRollGrunge 3.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaNeue-CondensedBlack-10.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-stretch: condensed;
}

@font-face {
    font-family: 'Helvetica';
    src: url('../fonts/HelveticaNeue-01.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Mobile-first styles for legal page */
*, *::before, *::after {
    box-sizing: border-box;
}

body {

    font-weight: 400;
    line-height: 1.5;
    overflow-x: hidden;
    color: #2c3e50;
    font-size: 18px;
    font-family: 'Mittelschrift', sans-serif !important;
}

/* Global Typography System */
.text-xs { font-size: 0.75rem; line-height: 1.2; }
.text-sm { font-size: 0.875rem; line-height: 1.3; }
.text-base { font-size: 1rem; line-height: 1.5; }
.text-lg { font-size: 1.125rem; line-height: 1.5; }
.text-xl { font-size: 1.25rem; line-height: 1.4; }
.text-2xl { font-size: 1.5rem; line-height: 1.3; }
.text-3xl { font-size: 1.875rem; line-height: 1.2; }
.text-4xl { font-size: 2.25rem; line-height: 1.2; }
.text-5xl { font-size: 3rem; line-height: 1.1; }
.text-6xl { font-size: 3.75rem; line-height: 1.05; }
.text-7xl { font-size: 4.5rem; line-height: 1; }
.text-8xl { font-size: 6rem; line-height: 1; }
.text-9xl { font-size: 8rem; line-height: 1; }

/* Typography Weights */
.font-light { font-weight: 300; }
.font-normal { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }
.font-black { font-weight: 900; }

/* Letter Spacing */
.tracking-tighter { letter-spacing: -0.05em; }
.tracking-tight { letter-spacing: -0.025em; }
.tracking-normal { letter-spacing: 0em; }
.tracking-wide { letter-spacing: 0.025em; }
.tracking-wider { letter-spacing: 0.05em; }
.tracking-widest { letter-spacing: 0.1em; }

/* Text Transform */
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }

/* Colors */
.text-primary { color: #000 !important; }
.text-secondary { color: #4a5568 !important; }
.text-dark { color: #1A1919 !important; }
.text-black { color: #000 !important; }
.text-gray { color: #666 !important; }

/* Margins */
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.mb-4 { margin-bottom: 2rem; }
.mb-5 { margin-bottom: 2.5rem; }
.mb-6 { margin-bottom: 3rem; }

.hero-section {
    aspect-ratio: 256 / 187;
    width: 100%;
    position: sticky !important;
    top: 0;
    z-index: 10 !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-section-second {
    width: 100%;
    position: sticky !important;
    top: 0;
    z-index: 10 !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: unset !important;
    padding: unset !important;
    aspect-ratio: 256 / 210;
    background-color: #ffff;
}

.hero-section-second .birger-bottom-triangle {
    clip-path: polygon(10% 0%, 90% 0%, 50% 100%) !important;
}

.hero-section-third{
    aspect-ratio: 256 / 187;
}

.hero-section-third .birger-triangle-section {
    aspect-ratio: 252 / 168 !important;
}

.about-hero{
       aspect-ratio: 256 / 200 !important;
       background-color: #fff !important;
}

.section-title {
    text-align: center;
}

.content-text {
    text-align: left;
    max-width: 100%;
}

.navigation-arrow {
    position: fixed;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border: 1px solid #e2e8f0;
    font-size: 1.2rem;
    color: #2d3748;
    cursor: pointer;
    z-index: 10;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.navigation-arrow:hover {
    background: #f7fafc;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
    transform: translateX(-50%) translateY(-2px);
}

.marble-bg {
    background: #f8f9fa url('../images/background.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
    
}

.content-section {
    padding: 2.5rem 1.5rem 4rem;
    min-height: calc(100vh - 340px);
    position: relative;
}

.navbar {
    background: transparent;
    backdrop-filter: none;
    border-bottom: none;
    /* padding: 0.75rem 1rem; */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: background-color 0.3s ease;
    margin: 0 !important;
    padding: 0 !important;
    max-width: 480px;
    width: 100%;
}

.navbar .container-fluid {
    justify-content: space-between;
}

.navbar-brand {
    display: none;
}

.navbar-toggler {
    border: none;
    padding: 0.375rem 0.5rem;
    color: #000;
}

.navbar-toggler:focus {
    box-shadow: 0 0 0 0.2rem rgba(139, 69, 19, 0.25);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2899, 99, 99, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-nav .nav-link {
    font-family: 'Agenda', sans-serif;
    color: #4a5568;
    font-weight: 500;
    font-size: 0.95rem;
    padding: 0.75rem 1.25rem;
    transition: color 0.3s ease;
}

.navbar-nav .nav-link.active {
    color: #d4a574;
    font-weight: 600;
}

.navbar-nav .nav-link:hover {
    color: #d4a574;
}

.language-switcher {
    position: relative;
}

.language-switcher .btn {
    background: none;
    border: none;
    color: #4a5568;
    padding: 0.5rem;
    z-index: 1001;
    transition: color 0.3s ease;
}

.language-switcher .btn:hover,
.language-switcher .btn:focus {
    color: #d4a574;
    box-shadow: none;
}

.language-switcher .dropdown-menu {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    margin-top: 0.5rem;
}

.language-switcher .dropdown-item {
    font-family: 'Agenda', sans-serif;
    color: #4a5568;
    font-size: 0.9rem;
    font-weight: 500;
    padding: 0.6rem 1.2rem;
    transition: all 0.3s ease;
}

.language-switcher .dropdown-item:hover {
    background: rgba(212, 165, 116, 0.1);
    color: #d4a574;
}

/* Additional mobile optimizations */
@media (max-width: 576px) {
    
    
    .content-section {
        padding: 2rem 1rem 3rem;
        min-height: calc(100vh - 240px);
    }
    
    .section-title {
        margin-bottom: 2rem;
    }
    
    .navbar-nav .nav-link {
        padding: 0.6rem 1rem;
    }
    
    .navbar {
        padding: 0.5rem 1rem;
    }
}

/* Contact Page Styles */
.contact-section {
    padding: 2.5rem 1.5rem 3rem;
    position: relative;
}

.contact-description {
    text-align: left;
}

.contact-form {
    margin-bottom: 3rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-control {
    background: #ffffff;
    border: 1px solid #0A0A09 !important;
    padding: 1rem 1.2rem;
    width: 100%;
    border-radius: 0 !important;
    box-shadow: unset !important;
    font-family: 'Mittelschrift', sans-serif !important;
    font-size: 16.5px !important;
}

.form-control::placeholder {
    font-weight: 500;
    letter-spacing: 0.05em;
    text-align: center;
    color: #1A1919 !important;
}

.mail-submit{
    text-align: center;
    width: 100%;
    background: #000;
    color: #fff;
    height: 48px;
    border: unset !important;
    border-radius: unset !important;
    position: relative;
    font-family: 'Mittelschrift', sans-serif !important;
    font-size: 16.5px !important;
}
/* 
#wpcf7-f259-p87-o1 p::after{
    content: ' ' !important;
    position: absolute;
    bottom: 47px;
    left: 0;
    width: 100px;
    height: 48px;
    background-color: #fff !important;
    z-index: 100;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    -webkit-transform: skewX(-208deg);
    -ms-transform: skewX(-208deg);
    transform: skewX(-208deg);
} */

textarea.form-control::placeholder {
    text-align: left;
}

.form-control:focus {
    border-color: #000;
    box-shadow: 0 0 0 0.2rem rgba(139, 69, 19, 0.25);
    outline: none;
}

.offices-section {
    padding: 2rem 1.5rem 4rem;
}


.office-details {
    margin-bottom: 1.5rem;
}

.office-details p {
    font-family: 'Agenda', sans-serif;
    color: #4a5568;
    margin-bottom: 1rem;
}

.diagonal-container {
    display: flex;
    height: 48px;
    margin-bottom: 1.5rem;
    border: #000000 solid 1px;
    box-sizing: border-box;
}

.diagonal-label {
    background: #ffffff;
    flex: 0 0 80px;
    position: relative;
    border: 1px solid #e2e8f0;
    border-right: none;
    width: 100% !important;
}

.diagonal-label {
    height: 48px;
}

.diagonal-label::after {
    content:'';
    position:absolute;
    top:-1px; right:0;
    width:100%; height:105%;
    background-color: #fff;
    z-index: 9;
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
    border-top: 1px solid #e2e8f0;
    border-bottom: 1px solid #e2e8f0;
    -webkit-transform:skewX(-203deg);
    -ms-transform:skewX(-203deg);
    transform:skewX(-203deg)
}

.diagonal-content div a {
    background: #000;
    color: #ffffff !important;
    flex: 1;
    padding: 0 1.5rem;
    font-size: 16.5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-width: 0;
    position: relative;
    font-weight: 400 !important;
    z-index: 1;
    min-height: 48px;
    padding-left: 30px;
    font-family: 'Mittelschrift', sans-serif !important;
    padding-right: 60px;
}

.diagonal-content {
    min-width: 200px !important;
    width: 100% !important;
}

.diagonal-content-phone{
    width: 100% !important;
}

.diagonal-label-phone{
    max-width: 60px !important;
}


.bottom-triangle {
    height: 21px;
    width: 100%;

    background: #000;
    position: absolute;
    bottom: 0;
    clip-path: polygon(15% 0%, 85% 0%, 50% 100%);
    z-index: 999;
}

.office-map {
    border-radius: 6px;
    overflow: hidden;
}

.map-image,
.map-iframe {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: 6px;
    border: 0;
}

/* Contact page mobile optimizations */
@media (max-width: 576px) {
    .contact-section {
        padding: 0.5rem 1rem 2.5rem;
    }
    
    .offices-section {
        padding: 1.5rem 1rem 3rem;
    }
    
  
    
    .office-title {
        margin-bottom: 1.25rem;
    }
    
    .form-control {
        padding: 0.6rem 0.8rem;
    }
}

/* Jobs Page Styles */

.diamond-container {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.diamond-shape {
    width: 120px;
    height: 120px ;
    background: #ffffff;
    transform: rotate(45deg);
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.diamond-shape:hover {
    transform: rotate(45deg) scale(1.05);
}

.diamond-inner {
    width: 100%;
    height: 100%;
    transform: rotate(-45deg) scale(1.4);
    overflow: hidden;
}

.diamond-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.team-title {
    text-align: center;
    max-width: 70%;
    margin: auto;
}

.job-cards {
    text-align: center;
    margin: 30px 0 !important;
}

.job-card:hover {
    transform: translateY(-5px);
}

.job-title {
    text-align: left;
}

.job-description {
    text-align: left;
   
}

.job-cards .diagonal-container {
    margin-top: 20px;
}

.job-cards .diagonal-content {
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border: none;
}

.contact-description p{
    font-size: 16px !important;
    font-family: 'DIN Neuzeit Grotesk', sans-serif !important;
}

/* Jobs page mobile optimizations */
@media (max-width: 768px) {
    .diamond-container {
        gap: 15px;
    }
    
    .diamond-shape {
        width: 80px;
        height: 80px;
    }
    
    .job-cards {
        flex-direction: column;
        align-items: center;
    }
    
    .job-card {
        max-width: 100%;
        margin: 0 20px;
    }
    
   
}

/* Home Page Styles */
.hero-section.home-hero {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1.5rem;
}

.intro {
    text-align: center;
   
}

.intro-description , .intro-description-home, .club-description, .zo-pizza-description{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    gap: unset !important;
   
}

.intro-description {
    font-family: 'Mittelschrift', sans-serif !important;
    color: #000 !important;
    line-height: 104%;
    font-size: 24px;
    align-items: unset !important;
    gap: 10px !important;
}

.intro-description p, .club-description p, .intro-description-home p{
    margin-bottom: unset;
    /* padding: 0px 10px; */
    
}


.intro-description-home p, .club-description-home p{
    margin-bottom: unset;
    /* padding: 0px 10px; */
    max-width: 80%;
}

.intro-description-home {
    margin-top: -26px !important;
}
   

.intro-title h2, .intro-title div, .intro-title h3, .intro-title h1, .intro-title{
    color: #000 !important;
    font-weight: 700 !important;
    font-family: 'Agenda' , sans-serif !important;
}



.intro-content {
    padding: 0px 10px !important;
}


.home-hero-content {
    max-width: 500px;
    z-index: 2;
}

.welcome-text {
    font-family: 'Agenda', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #333;
    margin-bottom: 1rem;
    letter-spacing: 0.1em;
}

.vrg-logo {
    margin-bottom: 2rem;
}

.vrg-text {
    margin: 0;
}

.vrg-subtitle {
    display: flex;
    flex-direction: column;
    margin-top: 0.8rem;
}

.hero-description {
    font-family: 'Agenda', sans-serif;
    font-size: 0.9rem;
    color: #333;
    line-height: 1.6;
    text-align: left;
    margin: 0 auto;
}

.hero-nav-arrows {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    z-index: 3;
    box-sizing: border-box;
}

.hero-arrow {
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #333;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.hero-arrow:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.restaurant-carousel {
    position: relative;
    padding: 3rem 0;
}

.carousel-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.restaurant-slide {
    text-align: center;
    max-width: 400px;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.restaurant-slide.active {
    opacity: 1;
}

.restaurant-image {
    position: relative;
    margin-bottom: 2rem;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}

.restaurant-image img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.restaurant-description {
    font-style: italic;
}

.carousel-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    box-sizing: border-box;
}

.carousel-arrow {
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #333;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.carousel-arrow:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.reviews-section {
    position: relative;
    
    text-align: center;
}


.position-none {
    position: unset!important;
}

.reviews-rating {
    margin-bottom: 3rem;
}

.rating-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: 1rem;
}

.rating-label {
    font-family: 'Agenda', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
}

.stars {
    display: flex;
    gap: 2px;
}

.star {
    color: #ffc107;
    font-size: 1.2rem;
}

.star.filled {
    color: #ffc107;
}

.star.half {
    color: #ffc107;
    opacity: 0.7;
}

.rating-summary {
    font-family: 'Agenda', sans-serif;
    color: #666;
    font-size: 0.95rem;
}

.review-card {
    background: white;
    border-radius: 12px;
    padding: 2rem;
    max-width: 500px;
    margin: 0 auto 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    text-align: left;
}

.review-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.reviewer-name {
    font-family: 'Agenda', sans-serif;
    font-size: 1.1rem;
    font-weight: 600;
    color: #333;
    margin: 0;
}

.review-stars {
    display: flex;
    gap: 2px;
}

.verified-customer {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #28a745;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.review-product {
    font-family: 'Agenda', sans-serif;
    font-size: 0.95rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
}

.review-text {
    font-family: 'Agenda', sans-serif;
    color: #333;
    line-height: 1.6;
    font-size: 0.9rem;
    margin-bottom: 1rem;
}

.stars-inline {
    font-size: 0.8rem;
}

.review-recommend {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #28a745;
    font-size: 0.85rem;
    margin-bottom: 1rem;
}

.review-location {
    font-family: 'Agenda', sans-serif;
    color: #999;
    font-size: 0.8rem;
    font-style: italic;
}

.reviews-branding {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.review-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 2rem;
    box-sizing: border-box;
}

.review-arrow {
    background: rgba(255, 255, 255, 0.9);
    border: none;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #333;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.review-arrow:hover {
    background: rgba(255, 255, 255, 1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.signup-section {
    position: relative;
    
    text-align: center;
}


.signup-title {
}

.verve-club {
    max-width: 600px;
    margin: 0 auto;
}

.club-title {
    margin-bottom: 2rem;
}

.club-verve h2 {
    display: block;
    font-family: 'Agenda', sans-serif;
    color: #000 !important;
    text-align: center;
    font-weight: 400 !important;
    font-size: 40px;
    letter-spacing: 10px;
}

.club-name h2 {
    font-family: 'Agenda' , sans-serif !important;
    font-size: 20px;
    font-weight: 700 !important;
    color: #000 !important;
    display: block;
    letter-spacing: 0.1em;
    margin-top: -20px;
    text-align: center !important;
    padding-left: 60px;
}

.club-description  {
    font-family: 'Agenda' , sans-serif !important;
    color: #000 !important;
    text-align: center !important;
}

.signup-form {
    max-width: 450px;
    margin: 0 auto;
}

.signup-form .diagonal-container {
    margin-bottom: 0;
}

.email-input-container {
    display: flex;
    align-items: center;
    background: white !important;
    flex: 1;
    flex-basis: auto !important;
    position: relative;
    z-index: 10;
}

.craic-board-menu-container{
    display: flex;
    gap: 10px;
    justify-content: center;
}

.email-input {
    width: 100%;
    background: transparent;
    border: none;
    padding: 0 1.5rem;
    font-family: 'Agenda', sans-serif;
    font-size: 0.9rem;
    color: #333;
    outline: none;
    position: relative;
    z-index: 11;
}

.email-input::placeholder {
    color: #333;
    font-weight: 500;
    letter-spacing: 0.05em;
}

.signup-form .diagonal-content {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    border: none;
}

.signup-form .diagonal-content:hover {
    background: #6B3410 !important;
}

.home-footer {
    padding: 2rem 0;
    text-align: center;
    /* border-top: 1px solid #e9ecef; */
}

.copyright {
    font-family: 'Agenda', sans-serif;
    color: #000 !important;
    font-size: 14px !important;
    margin: 0;
    text-align: center !important;
}

/* Home page mobile optimizations */
@media (max-width: 768px) {
    .hero-section.home-hero {
        /* min-height: 80vh; */
        padding: 1.5rem 1rem;
    }
    
    
    
    .intro-content {
        max-width: 100%;
    }
    
    .vrg-text {
        font-size: 3rem;
    }
    
    .hero-nav-arrows {
        padding: 0 1rem;
    }
    
    .hero-arrow {
        width: 40px;
        height: 40px;
    }
    
    .reviews-title,
    .signup-title {
        font-size: 1.5rem;
    }
    
    .club-verve {
        font-size: 2rem;
    }
    
    .club-name {
        font-size: 1.5rem;
    }
    
    .review-card {
        padding: 1.5rem;
        margin: 0 1rem 2rem;
    }
    
    .carousel-nav,
    .review-nav {
        padding: 0 1rem;
    }
    
    .carousel-arrow,
    .review-arrow {
        width: 40px;
        height: 40px;
    }
}

/* Warehouse Malaysia Page Styles */
.warehouse-hero {
    height: 215px;
    clip-path: none;
}

.warehouse-main {
    margin-top: -1px !important;
    
    min-height: 60vh;
    background: url("../images/Website\ Imagery/website-guitar2.png");
    background-repeat: repeat;
    background-size: contain;
}

.warehouse-main .e-con-inner{
    padding-top: 0px !important;
}

.warehouse-guitar-hero{
    background: url("../images/Website\ Imagery/website-guitar3.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 215px;
    width: 100%;
    position: absolute;
}

.warehouse-content-box {
    width: 100%;
    border-radius: 12px;
    aspect-ratio: 200.3 / 112.7;
    margin-top: 10rem;
    text-align: center;
    background-color: #fff;
    z-index: 100;
    background-repeat: no-repeat;
}

.warehouse-content-box[data-settings*="background_background"]{
    background-color: unset !important;
}

.content-placeholder {
    width: 100%;
    aspect-ratio: 200.3 / 112.7;
    background-color: #DADAD5;
    margin-bottom: 20px !important;
}

.content-placeholder[data-settings*="background_background"]{
    background-color: unset !important;
}

.verve-pizza-bar-placeholder{
    width: 100%;
    aspect-ratio: 201.06 / 175;
    background: #DADAD5;
    margin-bottom: 20px !important;
}

.verve-pizza-bar-placeholder[data-settings*="background_background"]{
    background-color: unset !important;
}

.wing-bar-layer {
    width: 100%;
    aspect-ratio: 201 / 174;
    
}

.wing-bar-layer-first{
   margin-top: 80px !important;
}

.warehouse-tagline {
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.tagline-line h2{
    display: block;
    font-family: 'RocknRoll', sans-serif !important;
    font-size: 50px;
    font-weight: 700 !important;
    color: #DD8E51;
    text-transform: uppercase;
    line-height: 40px;
    
    text-align: center;
}

.warehouse-description {
    text-align: left;
}

.warehouse-description p {
    
    color: #333;
   
    margin-bottom: 1rem;
}

.warehouse-actions {
    background: #2c3e50;
    padding: 3rem 2rem 4rem;
}

.action-buttons {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center !important;
    margin-top: -25px !important;
   
}

.wood-button {
    aspect-ratio: 203 / 45;
    margin-top: -37px !important;
    position: relative;
   
}

.wood-button::before {
    background-size: cover !important;
}

.wood-button:has(.expanded){
    aspect-ratio: 815 / 312;
}

.wood-button:first-child {
    margin-top: 0px !important;
    z-index: 5;
}

.wood-button:nth-child(2) {
    z-index: 4;
}

.wood-button:nth-child(3) {
    z-index: 3;
}

.wood-button:nth-child(4) {
    z-index: 2;
}

.wood-button:nth-child(5) {
    z-index: 1;
}

.button-text a, .button-text h1, .button-text h2, .button-text h3  {
    font-family: 'RocknRoll', sans-serif    !important;
    font-size: 30px !important;
    font-weight: 600;
    color: #4E2F14 !important;
    
    position: relative;
    z-index: 1;
    display:flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    padding-top: 20px;
    /* margin-top: 24px !important; */
    
}

.button-text-second{
    font-family: 'RocknRoll', sans-serif    !important;
    font-size: 30px !important;
    font-weight: 600;
    color: #4E2F14 !important;
  
    position: relative;
    z-index: 1;
    display:flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    padding-top: 20px;
}


/* Base Overlay Styles */
.overlay-base {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
    z-index: 9999;
    display: none;
    padding: 2rem;
    will-change: transform;
    transform: translateZ(0);
}

.overlay-base.active {
    display: block;
    animation: overlayFadeIn 0.2s ease-out;
}

@keyframes overlayFadeIn {
    from {
        opacity: 0;
        transform: translateZ(0) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateZ(0) scale(1);
    }
}

.overlay-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 3rem;
}

.overlay-close {
    background: none;
    border: none;
    font-size: 2.5rem;
    color: #333;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    font-weight: 300;
    font-family: 'Agenda', sans-serif;
}

.overlay-logo {
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}

.overlay-logo img {
    max-width: 120px;
    height: auto;
}

/* Mobile Menu Overlay Styles */
.mobile-menu-overlay {
    /* Inherits from overlay-base */
}

.menu-header {
    /* Inherits from overlay-header */
}

.menu-close {
    /* Inherits from overlay-close */
}

.menu-vrg-logo {
    /* Inherits from overlay-logo */
}

.menu-vrg-logo img {
    /* Inherits from overlay-logo img */
}

.menu-nav {
    max-width: 300px;
}

.menu-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.menu-nav li {
    margin-bottom: 1.5rem;
}

.menu-nav a {
    font-family: 'Mittelschrift', sans-serif !important;
    font-size: 20px;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    display: block;
    padding-bottom: 0.8rem;
    position: relative;
    transition: color 0.3s ease;
}

.menu-nav a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    height: 2px;
    background-color: #333;
}

.menu-nav li:last-child a::after {
    display: none;
}

.language-options a:last-child::after {
    display: none;
}


.menu-nav a:hover {
    color: #000;
    font-weight: 700;
}

.menu-nav a.active {
    color: #000;
    font-weight: 700;
}

.menu-bottom {
    margin-top: 3rem;
    width: 100%;
    max-width: 100%;
}

.menu-diagonal-container {
    display: flex;
    height: 52px;
    background: white;
    width: 100%;
    flex-direction: row;
    border: 1px solid #e2e8f0;
}

.menu-diagonal-label {
    background: #ffffff;
    flex: 1;
    position: relative;
    border-right: none;
    width: 60px;
    max-width: 60px;
}

.menu-diagonal-label input {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    background: transparent;
    padding: 0 1rem;
    font-family: 'Agenda', sans-serif;
    font-size: 1rem;
    color: #333;
    position: relative;
    z-index: 10;
    box-sizing: border-box;
}

.menu-diagonal-content {
    background: #000;
    /* flex: 0 0 100px; */
    display: flex;
    align-items: center;
    flex: auto;
    justify-content: center;
    color: white;
    font-family: 'Agenda', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    padding-right: 60px;
}

.menu-diagonal-content img{
    width: 100%;
}

.menu-diagonal-content .wpcf7-spinner{
    display: none;
}

.menu-diagonal-label::after {
    content: '';
    position: absolute;
    /* top: -1px; */
    right: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    z-index: 9;
    transform-origin: 100% 100%;
    transform: skewX(-203deg);
}

/* Language Menu Overlay Styles */
.language-menu-overlay {
    /* Inherits from overlay-base */
}

.language-menu-header {
    /* Inherits from overlay-header */
}

.language-menu-close {
    /* Inherits from overlay-close */
}

.language-menu-logo {
    /* Inherits from overlay-logo */
}

.language-menu-logo img {
    /* Inherits from overlay-logo img */
}

.language-options {
    max-width: 300px;
}

.language-options ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.language-options li {
    margin-bottom: 2.5rem;
}

.language-options a {
    font-family: 'Agenda', sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    color: #333;
    text-decoration: none;
    display: flex;
    align-items: center;
    
    padding-bottom: 0.8rem;
    position: relative;
    transition: color 0.3s ease;
}

.language-options a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60%;
    height: 2px;
    background-color: #333;
}

.language-options a:hover {
    color: #000;
}

.language-flag {
    margin-right: 10px;
    object-fit: cover;
    border-radius: 2px;
}

/* About page styles */

.hero-content {
    z-index: 2;
    position: relative;
}

.vrg-logo {
    text-align: center;
}

/* Warehouse page mobile optimizations */
@media (max-width: 768px) {
    .warehouse-hero {
        height: 300px;
    }
    
    .warehouse-main {
        padding: 2.5rem 1.5rem;
    }
    
  
    
    .warehouse-actions {
        padding: 2rem 1.5rem 3rem;
    }
    
    
   
   
}

/* The Craic House Irish Pub Page Styles */
.craic-house-body {
    background: #000000;
    color: #fff;
    font-family: 'Agenda', sans-serif;
    width: 100%;
   
}

.craic-navbar {
    background: #000000;
    border-bottom: 1px solid #333;
}

.craic-navbar .navbar-toggler {
    border: none;
    color: #fff;
}

.craic-navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.8%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.flag-icon {
    width: 20px;
    height: auto;
}

.craic-main {
    min-height: 100vh;
    padding: 2rem 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.craic-header {
    text-align: center;
    margin-bottom: 3rem;
    padding-top: 2rem;
}


.craic-title .elementor-heading-title {
    font-family: 'Agenda', sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    color: #fff !important;
    margin: 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
}

.craic-subtitle .elementor-heading-title {
    font-family: 'Agenda', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color:  #AB9A6D !important;
    margin: 0.5rem 0 0 0;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
}

.craic-content {
    width: 100%;
    max-width: 400px;
    margin-bottom: 3rem;
}

.food-section {
    margin-bottom: 2rem;
}

.food-badge::before {
    background-repeat: no-repeat;
    background-size: contain;
    width: 100% !important;
    aspect-ratio: 200.6 / 28.8;
    display: flex;
    align-items: center;
    justify-content: center;
    
}

.food-badge{
    aspect-ratio: 200.6 / 28.8;
}

.food-description {
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.6;
    text-align: left;
    margin: 0;
    margin-top: 20px;
}

.craic-actions {
    width: 100%;
    
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.craic-wood-button::before {
    position: relative;
    /* background-image: url("../images/Website\ Imagery/cart_fill.png"); */
    background-repeat: no-repeat;
    background-size: contain !important;
   
}

.craic-wood-button h2, .craic-wood-button-text, .craic-wood-button a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Agenda01', sans-serif;
    font-size: 17px;
    font-weight: 600;
    color: #FFFFFF !important;
    
    height: 20px;
}

.craic-wood-button{
    aspect-ratio: 198 / 29;
}

.craic-wood-button-custom.collapsed{
    aspect-ratio: 200 / 29;
}

.craic-wood-button-expand-custom.expanded{
    aspect-ratio: 200 / 58.2;
}

.craic-wood-button-expand-custom .craic-wood-button-text{
    padding-top: 10px;
    margin-bottom: 10px;
}

.craic-wood-button:has(.expanded){
    aspect-ratio: 200 / 58.2;
}

.wings-bar-button::before {
    position: relative;
    background-repeat: no-repeat;
    background-size: contain !important;
}

.wings-bar-button{
    aspect-ratio: 201 / 37.7;
}

.wings-bar-button-custom.collapsed{
    aspect-ratio: 201 / 37.7;
}

.wings-bar-button-expand-custom.expanded{
    aspect-ratio: 201.1 / 66.8;
}

.wings-bar-button-expand-custom .wings-bar-button-text{
    padding-top: 10px;
    margin-bottom: 10px;
}

.wings-bar-button:has(.expanded){
    aspect-ratio: 201.1 / 66.8;
}


.wings-bar-image-long{
    margin-top: 15px;
    margin-bottom: 5px;
    aspect-ratio: 75 / 20;
    max-width: 125px !important;
    object-fit: contain;
}

.zo-pizza-custom-second{
    margin-bottom: 12px !important;
}

.zo-pizza-custom .birger-collapsible-wrapper{
    justify-content: end;
}

.zo-pizza-custom .birger-collapsible-item-wrapper{
    aspect-ratio: 228 / 57;
    
}

.zo-pizza-custom-large .birger-child-elements-container{
    /* justify-content: flex-end;
    padding-right: 20px; */
}


.craic-image{
    width: 125px !important;
}

.craic-image-long{
    margin-top: 13px;
    margin-bottom: 13px;
}

/* Craic House Mobile Responsive */
@media (max-width: 768px) {
    .craic-title {
        font-size: 2rem;
    }

    .craic-subtitle {
        font-size: 0.9rem;
    }

    .craic-main {
        padding: 1rem;
    }

    .craic-header {
        margin-bottom: 2rem;
        padding-top: 1rem;
    }

  
    
}

/* Zona di Pizza Page Styles */
.zona-body {
    background: #f8f9fa;
    color: #333;
    font-family: 'Agenda', sans-serif;
}

.zona-navbar {
    background: #f8f9fa;
    border-bottom: 1px solid #dee2e6;
}

.zona-main {
    min-height: 100vh;
    
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zona-header {
    text-align: center;
    margin-bottom: 3rem;
    padding-top: 2rem;
    
    padding: 2rem;

    
    width: 100%;
  
}

.zona-logo {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zona-img img{
   aspect-ratio: 142 / 64;
   margin-top: 10px;
   margin-bottom: 20px !important;
   max-width: 50% !important;
   object-fit: contain;
}

.italian-flag {
    display: flex;
    width: 60px;
    height: 40px;
    margin-bottom: 1rem;
    border: 2px solid #333;
    border-radius: 4px;
    overflow: hidden;
}

.flag-green {
    flex: 1;
    background: #009246;
}

.flag-white {
    flex: 1;
    background: #FFFFFF;
}

.flag-red {
    flex: 1;
    background: #CE2B37;
}

.zona-title h2 {
    font-family: 'Agenda', sans-serif;
    font-size: 2.2rem;
    font-weight: 900;
    color: #000 !important;
    margin: 0;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.zona-subtitle h2 {
    font-family: 'Agenda', sans-serif;
    font-size: 0.9rem;
    font-weight: 600;
    color: #000 !important;
    margin: 0.5rem 0 0 0;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: right;
}

.zona-subtitle span{
    font-size: 10px;
    font-weight: 300;

}

.zona-content {
    width: 100%;
    max-width: 400px;
    margin-bottom: 3rem;
}

.zona-hero-images {
    position: relative;
    margin-bottom: 2rem;
    text-align: right;
}

.hero-text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
  
    text-align: right;
}

.hero-text-line h2{
    font-family: 'Agenda', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff !important;
    margin: 0;
    line-height: 1.1;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.hero-images {
    position: relative;
    z-index: 1;
}

.pasta-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 1rem;
}

.pizza-making-image::before {
    width: 100% !important;
    aspect-ratio: 256.48 / 406.6;
    object-fit: cover;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    
}

.pizza-making-image{
    aspect-ratio: 256.48 / 406.6;
}




.zona-description {
   
    padding: 2rem;
  
}

.zona-description p {
    color: #333;
    font-size: 0.9rem;
    line-height: 1.6;
    margin: 0;
}

.zona-actions {
    width: 100%;
    
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-end;
}

.zona-curved-button::before {
    /* background-image: url("../images/Website\ Imagery/pizza_button_bg.png"); */
    cursor: pointer;
    transition: all 0.3s ease;
    background-repeat: no-repeat;
    background-size: cover !important;
    left: unset !important;
   
    
    
}

.zona-curved-button{
    aspect-ratio: 228 / 54;
    text-align: right;
    margin-bottom: 12px !important;
    font-family: 'Agenda', sans-serif !important;
    
    padding-top: unset !important;
  
}

.zona-curved-button .birger-collapsible-wrapper{
    padding-left: 30px;
    height: 100%;
}

.zona-curved-button:has(.expanded){
    aspect-ratio: 244 / 95.3;

}

.zona-curved-button-left{
    padding-left: 30px !important;
}

.zona-curved-button h2, .zona-curved-button-custom{
    font-family: 'Helvetica', sans-serif !important;
    font-size: 1.1rem;
    font-weight: 600;
    color: #FFFFFF !important;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    position: relative;
    z-index: 1;
    text-align: right ;
    
}

.zona-curved-button h2 {
    display: flex;
    justify-content: end;
    align-items: center;
}

.zona-curved-button-custom{
    height: 76px;
    margin-top: unset;
    width: 100%;
    justify-content: flex-end !important;
    padding-right: 20px !important;
}
.zo-pizza-custom-large{
    aspect-ratio: 228 / 95.3;
    background-size: contain !important;
    
}
.zo-pizza-custom-collapsed{
    aspect-ratio: 228 / 58;
    text-align: right;
    font-family: Agenda, sans-serif !important;
    padding-top: unset !important;
    background-size: contain !important;
    
}

.zona-curved-button .elementor-widget-text-editor{
    height: 100% !important;
}

.zo-pizza-custom-large-image{
    aspect-ratio: 90 / 17;
    object-fit: contain;
    max-width: 50% !important;
    
}

.zo-pizza-custom-large .birger-expanded-children{
    display: flex !important;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    height: 100% !important;
    padding-right: 11%;
    gap: 12px;
}

.zo-pizza-custom-large .birger-expanded-children .birger-child-element{
    justify-content: flex-end !important;
}
/* Zona di Pizza Mobile Responsive */
@media (max-width: 768px) {
    .zona-title {
        font-size: 1.8rem;
    }

    .zona-subtitle {
        font-size: 0.8rem;
    }

    

    .zona-header {
        margin-bottom: 2rem;
        padding: 1.5rem;
    }

    .hero-text-line {
        font-size: 1.2rem;
    }

    .hero-text-overlay {
        padding: 1.5rem 1rem;
    }

    .pasta-image {
        height: 250px;
    }



    .zona-description {
        padding: 1.5rem;
    }

    .zona-description p {
        font-size: 0.85rem;
    }

    
}

/* Find Us Page Styles */
.find-us-body {
   
    min-height: 100vh;
   
}

.find-us-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 80px);
    padding: 2rem 1rem;
    background-color: #fff;
}

.wooden-board {
    background-image: url('../images/Website Imagery/wooden board large.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  
    max-width: 400px;
    width: 100%;
    height: 500px;
    
}



.board-header {
    text-align: center;
    
    position: relative;
    z-index: 1;
}

.find-us-title {
    font-family: 'Agenda', sans-serif;
    font-size: 2rem;
    font-weight: 900;
    color: #000;
    letter-spacing: 0.2em;

    text-shadow:
        2px 2px 4px rgba(0, 0, 0, 0.5),
        1px 1px 2px rgba(255, 255, 255, 0.3);
    margin: 0;
    margin-top: 2rem;
}

.location-info {
    color: #2c3e50;
    position: relative;
    z-index: 1;
}

.address-section {
    margin-bottom: 1.5rem;
}

.address-line,
.hours-line {
    font-family: 'Agenda', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
    margin: 0.3rem 0;
    color: #382B20;
    
}

.map-section {
    margin-top: 1.5rem;
    position: relative;
    z-index: 1;
}

.map-container {
    width: 100%;
    height: 200px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
}

.map-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
    .find-us-content {
        padding: 1rem;
        min-height: calc(100vh - 60px);
    }

    .wooden-board {
        padding: 1.5rem;
        max-width: 350px;
        
    }

    .find-us-title {
        font-size: 1.5rem;
    }

    

    .map-container {
        height: 150px;
    }

    .wooden-board::before {
        left: 30px;
        box-shadow:
            240px 0 0 -5px #666,
            0 280px 0 -5px #666,
            240px 280px 0 -5px #666;
    }
}

/* Menu Page Styles */
.menu-body {
    background: #9D8F79;
    min-height: 100vh;
    margin: 0;
    padding: 0;
}

.menu-content {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 2rem 1rem;
}

.wooden-board-menu {
    background-image: url("../images/Website Imagery/wooden board large.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 400px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.craic-board-menu{
    background-image: url("../images/Website Imagery/menu_craic.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    
    width: 100%;
    height: 108px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
}

.craic-board-menu-large{
    background-image: url("../images/Website Imagery/cart_banner_large.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    
    width: 100%;
    height: 321px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;

}

.menu-header {
    text-align: center;
    margin-bottom: 2rem;
    position: relative;
    z-index: 1;
    margin-left: -10px;
}

.menu-title {
    font-family: "Agenda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 4rem;
    font-weight: 900;
    color: #FFFFFF;
    letter-spacing: 0.2em;
    text-shadow:
        2px 2px 4px rgba(0, 0, 0, 0.8),
        1px 1px 2px rgba(139, 69, 19, 0.5);
    margin: 0;
    text-transform: uppercase;
}

.craic-board-menu-title{
    font-weight: 200;
    font-size: 20.58px;
    line-height: 100%;
    letter-spacing: 0%;
    color: #ffff;
    font-weight: 600;
}
.pdf-icon-container {
    position: relative;
    z-index: 1;
}

.pdf-download-link {
    display: inline-block;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.pdf-download-link:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

.pdf-icon {
    width: 60px;
    height: auto;
    display: block;
    cursor: pointer;
}

.ware-house-custom{
    aspect-ratio: 203 / 45;
   
}
.ware-house-custom, .wood-button-follow-expand{

    z-index: 4;
}

.wood-button-follow-expand{
    aspect-ratio: 815 / 312;
    background-size: cover !important;
}
.wood-button-follow-expand .birger-top-text.button-text-second{
    padding-top: 42px;
    margin-bottom: 13px;
    font-size: 40px !important;
}

.wood-button-follow-expand .birger-child-image img{
   height: 34px !important;
   width: 35px !important; 
   margin-left: 5px;
   margin-right: 5px;
}
.wood-button-follow-expand .birger-top-image{
    height: 40px;
    width: 130px;
    margin: auto;
    margin-top: 30px;
}

.wood-button-follow-custom{
    height: auto !important;
    min-height: 60px !important;
    /* margin-bottom: 20px !important; */
}
/* Mobile responsive adjustments for menu */
@media (max-width: 768px) {
    .menu-content {
        padding: 1rem;
    }

    .wooden-board-menu {
        max-width: 350px;
        height: 400px;
    }

    .menu-title {
        font-size: 3rem;
        letter-spacing: 0.15em;
    }

    .pdf-icon {
        width: 50px;
    }
}

@media (max-width: 480px) {
    .wooden-board-menu {
        max-width: 300px;
        height: 350px;
    }

    .menu-title {
        font-size: 2.5rem;
        letter-spacing: 0.1em;
    }

    .pdf-icon {
        width: 40px;
    }
}


/* Location Page Styles */
.location-body {
    background: #ffffff;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.location-content {
    min-height: calc(100vh - 80px);
    position: relative;
    display: flex ;
    flex-direction: column;
}

.location-container {
    height: 500px;
    position: relative;
    display: flex;
    justify-content: flex-end;
    
}

.diagonal-section {
    position: relative;
    background-image: url("../images/Website Imagery/location_bg_item.png");
    background-size: contain;
    /* background-position: right center; */
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    padding-right: 10px;
}

.location-text-content {
    text-align: left;
    color: white;
    max-width: 400px;
    margin-bottom: 3rem;
    z-index: 2;
}

.location-map-container {
    width: 300px;
    height: 200px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    align-self: center;
    z-index: 2;
}

.location-title {
    font-family: "Agenda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 3.5rem;
    font-weight: 900;
    color: white;
    letter-spacing: 0.15em;
    margin-bottom: 3rem;
    text-transform: uppercase;
}


.address-line {
    font-family: "Agenda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0.4rem 0;
    color: white;
}


.hours-line {
    font-family: "Agenda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    margin: 0.4rem 0;
    color: white;
}

.map-section-location {
    width: 35%;
    position: relative;
    background: #f8f9fa;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
}

.map-container-location {
    width: 100%;
    height: 400px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
    border: 3px solid #000;
}

.map-iframe {
    width: 100%;
    height: 100%;
    border: 0;
    display: block;
}

/* Mobile responsive adjustments for location */
@media (max-width: 768px) {
    .diagonal-section {
        height: auto;
        
        text-align: center;
        background-size: cover;
        background-position: center;
        max-height: 390px;
        width: 90%;
    }

    .location-text-content {
        text-align: right;
        margin-bottom: 2rem;
        max-width: 100%;
        align-self: flex-end;
    }

    .location-title {
        font-size: 2.5rem;
        margin-bottom: 2rem;
    }

    .address-line,
    .hours-line {
        font-size: 13px;
    }

    .location-map-container {
        width: 100%;
        max-width: 300px;
        height: 200px;
    }
}

/* Social Media Page Styles */
.social-media-body {
    background: #ffffff;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.social-content {
    min-height: calc(100vh - 80px);
    position: relative;
    display: flex;
    flex-direction: column;
}

.social-container {
    
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.social-diagonal-section {
    position: relative;
    background-image: url("../images/Website Imagery/social_media.png");
    background-size: contain;
    background-position: right center;
    background-repeat: no-repeat;
    width: 100%;
   
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    
}

.social-text-content {
    text-align: center;
    color: white;
    
    z-index: 2;
}

.social-title {
    font-family: "Agenda", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-weight: 900;
    color: white;
    letter-spacing: 0.2em;
    margin: 0;
    text-transform: uppercase;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}

.social-icons-container {
    display: flex;
    justify-content: center;
    gap: 3rem;
    z-index: 2;
}

.social-icon-link {
    text-decoration: none;
    transition: transform 0.3s ease;
}

.social-icon-link:hover {
    transform: scale(1.1);
}

.social-icon {
    width: 80px;
    height: 80px;
    background: white;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000000;
    box-shadow: 0 4px 20px rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
}

.social-icon:hover {
    box-shadow: 0 6px 25px rgba(255, 255, 255, 0.4);
    transform: translateY(-2px);
}

.instagram-icon svg {
    color: #E4405F;
}

.facebook-icon svg {
    color: #1877F2;
}

/* Mobile responsive adjustments for social media */
@media (max-width: 768px) {
    .social-diagonal-section {
        height: auto;
        
        width: 90%;
        background-size: contain;
        background-position: center;
    }

   

    .social-icons-container {
        gap: 2rem;
    }

    .social-icon {
        width: 70px;
        height: 70px;
    }

    .social-icon svg {
        width: 35px;
        height: 35px;
    }
}

@media (max-width: 480px) {
    .social-title {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .social-icons-container {
        gap: 1.5rem;
    }

    .social-icon {
        width: 60px;
        height: 60px;
    }

    .social-icon svg {
        width: 30px;
        height: 30px;
    }
}
/* 
.hero-image-about img{
    max-width: 70% !important;
} */

#metaslider_471 li img {
    padding: 50px;
}

#metaslider_457 ul.flex-direction-nav li a {
   top: calc(50% - 60px);
}
#metaslider_457 .caption-wrap {
     position: relative;
     background: transparent !important;
     height: 120px;
}
#metaslider_457 .home-slider-title {
    text-align: right;
    color: #000;
}


#sp-wp-carousel-free-id-517{
    padding: 0px 60px !important;
    margin: unset !important;
}

.wpcf7-response-output{
    /* color: #dc3232 !important; */
    padding: unset !important;
    border: unset !important;
    margin: unset !important;
}

.back-button{
    position: fixed !important;
    bottom: 0px;
    left: 50%;
    margin-left: -20px;
    max-width: 50px !important;
    z-index: 1000 !important;
}

.elementor-editor-active .back-button{
    position: absolute !important;
}

.back-button .alg_back_button_input {
    border: unset !important;
    height: 30px;
    width: 30px;
    background-color: transparent !important;
    background-image: url("../images/Website Imagery/back_button.png") !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    
}


.ware-house-back .alg_back_button_input {
    background-image: url("../images/Website Imagery/ware-house-back.png") !important;
}

.craic-house-back .alg_back_button_input {
    background-image: url("../images/Website Imagery/craic-house-back.png") !important;
}

.zo-pizza-back .alg_back_button_input {
    background-image: url("../images/Website Imagery/zo-pizza-back.png") !important;
}

.ware-house-back-top{
    aspect-ratio: 694 / 382;
}


.ware-house-back-top::before{
    background-size: cover !important;
}

.main-content-body, .craic-house-body{
    padding-bottom: 200px !important;
}

.wings-bar-content-body{
    padding-bottom: 23px !important;
}
.main-content-body-home{
    padding-bottom: 40px !important;
}

.main-content-body-second{
    padding-inline: 35px !important;
    margin-top: 20px !important;
}

.diagonal, .diagonal-labeldiagonal-container{
    flex-wrap: unset !important;
}


.swiper-button-prev:after {
    font-family: unset !important;
    content: ' ' !important;
    background: url("../images/Website\ Imagery/back-arrow.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
}

.swiper-button-next:after{
    font-family: unset !important;
    content: ' ' !important;
    background: url("../images/Website\ Imagery/back-arrow.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 35px;
    height: 35px;
    transform: rotate(180deg);
}


.ricon-thin-arrow--left, .ricon-thin-arrow--right{
    font-family: unset !important;
    content: ' ' !important;
    background: url("../images/Website\ Imagery/back-arrow.png");
    background-repeat: no-repeat !important;
    background-size: cover !important;
    width: 35px;
    height: 35px;
    position: absolute;
    
}

.ricon-thin-arrow--left{
    right: 0px;
    
}

.ricon-thin-arrow--right{
    background: url("../images/Website\ Imagery/back-arrow.png");
    left: 0px;
    transform: rotate(180deg);
}

.ricon-thin-arrow--left:before, .ricon-thin-arrow--right:before{
    content: unset !important;
}

.R-ReviewsList__controlButton{
    position: relative;
}

.R-ReviewsList{
    background-color: #fff !important;
}

.R-ReviewsList .R-ReviewsList__item .item__inner{
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.contact-form .text-dark, .contact-form p, .contact-form h3{
    margin-bottom: unset !important;
    text-align: left !important;
    padding: unset !important;
}

.intro-description p, .club-description p, .contact-form p, .job-description p, .intro-description-home p {
    font-family: 'Mittelschrift', sans-serif !important;
    color: #000 !important;
    line-height: 104%;
    font-size: 24px;
}

.job-description h1{
  font-family: 'Mittelschrift', sans-serif !important;
  color: #000 !important;
}

.zo-pizza-description p{
    font-family: 'Mittelschrift', sans-serif !important;
    color: #000 !important;
    font-size: 24px;
    line-height: 104%;
    /* font-weight: 300 !important; */
}

.zo-pizza-description{
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.food-description p {
    font-family: 'Mittelschrift', sans-serif !important;
    font-size: 24px;
    line-height: 104%;
}

.wing-bar-description p{
    color: #5B5C5C !important; 
    font-size: 17.5px !important;
    line-height: 140%;
    font-family: 'Helvetica', sans-serif !important;
    font-weight: 400 !important;
     max-width: 80% !important;
}

.wing-bar-description, .verve-bar-description{
    display: flex !important;
    justify-content: center !important;
}

.wing-bar-title p{
    font-family: 'Helvetica', sans-serif !important;
    color: #5B5C5C !important;
    font-size: 36px !important;
    line-height: 85%;
    text-align: center;
    font-weight: 900 !important;
    font-stretch: condensed;
    margin-bottom: unset !important;

}

.verve-bar-title p{
    font-family: 'Helvetica', sans-serif !important;
    color: #F9ED32 !important;
    font-size: 37px !important;
    line-height: 85%;
    text-align: center;
    font-stretch: condensed;

     font-weight: 900 !important;
}

.verve-bar-description p{
    color: #FFF !important; 
    font-size: 17.5px !important;
    line-height: 140%;
    font-family: 'Helvetica', sans-serif !important;
    font-weight: 400 !important;
    max-width: 80% !important;
}

.intro-description-second p {
    font-family: 'Agenda', sans-serif !important;
}

.diagonal-labeldiagonal-container {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.harp-logo img{
    aspect-ratio: 169 / 83;
    object-fit: contain;
   
}

.verve-logo img{
   aspect-ratio: 124.3 / 38.7;
   max-width: 50% !important;
   margin-bottom: 10px !important;
}

.wpcf7-not-valid-tip{
    font-size: 20px !important;
}

/* Hide validation errors until form is submitted */
.wpcf7 form:not(.invalid):not(.spam):not(.failed) .wpcf7-not-valid-tip {
    display: none !important;
}

.wpcf7 form:not(.invalid):not(.spam):not(.failed) .wpcf7-not-valid {
    border-color: inherit !important;
}


.verve-pizza-bar img{
    aspect-ratio: 122.07 / 59;
    object-fit: contain;
    max-width: 50% !important;
 }

 .wings-pizza-bar img{
    aspect-ratio: 73.675 / 45.06;
    object-fit: contain;
    max-width: 60% !important;
    transform: rotate(19deg);
 }

 .wings-bar-content-body .e-con-inner{
    padding-top: 20px !important;
 }


.CarouselWidget__inner{
    padding-top: 20px !important;
    background-color: #fff !important;
    /* margin-left: 40px !important;
    margin-right: 40px !important; */
    padding-bottom: 20px !important;
}
/* 
.js-scroll-left-btn{
    left: -14px !important;
}

.js-scroll-right-btn{
    right: -40px !important;
} */

#home-hero-section{
    aspect-ratio: 256 / 220;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background: white
}

#section1, #section2 {
    margin-top: 2rem;
}

.home-page{
    padding-bottom: 50px !important;
}
.intro-title-club {
    margin-bottom: 25px !important;
}

.slide-description, .slide-title{
        font-size: 17px !important;
        font-family: 'Mittelschrift', sans-serif !important;
        line-height: 94% !important;
        font-weight: 300 !important;   
}

@media (min-width: 600px) {

    
    

    .main-content-body, .craic-house-body{
        padding-bottom: 100px !important;
    }
   
    .hero-image-about{
        min-height: 350px !important;
    }

    .slide-description, .slide-title{
        font-size: 17px !important;
        font-family: 'Mittelschrift', sans-serif !important;
        line-height: 94% !important;
        font-weight: 300 !important;
    }

  
    /* .intro-description p, .club-description p, .job-cards, .contact-form{
        max-width: 92%;
    } */

    .pizza-making-image::before, .pizza-making-image {
        aspect-ratio: 256.48 / 406.6;
        object-fit: contain;
        margin-bottom: 20px !important;
        background-size: cover !important;
    }

    

    

    .verve-logo img{
        width: 224px;
        height: 40px;
    }
    
    .club-name h2 {
        padding-left: 106px;
    }
        
    .intro-description p, .club-description p, .contact-form p, .text-xl p, .food-description p, .intro-description-home p {
        font-size: 21px !important;
    }

    .form-control {
        font-size: 16.5px !important;
    }

    .contact-description p{
        font-size: 19px !important;
      
    }
    .wood-button-follow-expand .birger-child-image img{
        height: 39px !important;
        width: 40px !important; 
       
     }

}

@media (max-width: 500px) {
    .header-content{
        position: fixed !important;
        top: 0px
    }
}

@media (max-width: 390px) {
   .verve-bar-title p{
    font-size: 35px !important;
   }
   .R-ReviewsList .R-ReviewsList__item .item__inner{
        padding-left: 5px !important;
        padding-right: 5px !important;
    }


    .slide-background-0{
        background-size: contain !important;
    }
}

@media (max-width: 375px) {
   .verve-bar-title p{
    font-size: 33px !important;
   }
}