#nav + #header {
    margin-top: 0 !important;
}

#header .header-logo {
    margin-bottom: 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 40px;
    padding: 0;
}

#header .header-logo img {
    width: 100%;
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0;
    object-fit: cover;
    object-position: center;
    max-height: calc(100vh - 40px);
    clip-path: inset(25px 0 15px 0);
}

/* Header overlay for text positioning */
#header .header-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
    width: 90%;
    max-width: 800px;
}

#header .header-overlay h1 {
    color: #d4af37 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    margin-bottom: 1em;
    font-size: 3em;
    font-weight: bold;
}

#header .header-overlay p {
    color: #ffff00 !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
    font-size: 1.2em;
    line-height: 1.6;
    margin: 0;
}

/* Header logo sizing for raster image */
#header .header-logo img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    max-height: calc(100vh - 40px) !important;
    clip-path: inset(25px 0 15px 0) !important;
}

@media screen and (max-width: 736px) {
    #nav + #header {
        margin-top: 0 !important;
    }
    
    #header, #header.alt {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100vw !important;
        padding: 30px 0 15px 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    
    #header .header-logo {
        width: 100%;
        padding: 0;
    }
    
    #header .header-logo img {
        width: 100% !important;
        max-width: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
        max-height: calc(100vh - 40px) !important;
        clip-path: inset(25px 0 15px 0) !important;
    }
    
    #header .header-overlay h1 {
        font-size: 2em;
    }
    
    #header .header-overlay p {
        font-size: 1em;
    }
}
/* Services Grid Styling */
.services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.service-category {
    background: rgba(255, 255, 255, 0.05);
    padding: 1.5rem;
    border-radius: 8px;
    border: 1px solid rgba(212, 175, 55, 0.2);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.service-category:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(212, 175, 55, 0.1);
}

.service-category h3 {
    color: #d4af37 !important;
    margin-bottom: 1rem;
    font-size: 1.3em;
    border-bottom: 2px solid rgba(212, 175, 55, 0.3);
    padding-bottom: 0.5rem;
}

.service-category ul {
    list-style: none;
    padding: 0;
}

.service-category li {
    color: rgba(255, 255, 255, 0.9);
    margin-bottom: 0.8rem;
    padding-left: 1.5rem;
    position: relative;
    line-height: 1.6;
}

.service-category li:before {
    content: "•";
    color: #d4af37;
    font-weight: bold;
    position: absolute;
    left: 0;
}

.service-category p {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.6;
    margin: 0;
}

/* Custom Color Scheme - Elegant Gold & Grey Theme */

/* Main Background Colors */
body {
    background-color: #1a1a1a !important;
    background-image: url("images/overlay.png"), -moz-linear-gradient(45deg, #2d2d2d 15%, #1a1a1a 85%) !important;
    background-image: url("images/overlay.png"), -webkit-linear-gradient(45deg, #2d2d2d 15%, #1a1a1a 85%) !important;
    background-image: url("images/overlay.png"), -ms-linear-gradient(45deg, #2d2d2d 15%, #1a1a1a 85%) !important;
    background-image: url("images/overlay.png"), linear-gradient(45deg, #2d2d2d 15%, #1a1a1a 85%) !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

/* Header Styling */
#header h1 {
    color: #d4af37 !important; /* Elegant gold */
}
#header {
    padding: 50px 0 20px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100vw !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
}

#header.alt {
    padding: 50px 0 20px 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100vw !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    position: relative !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    box-sizing: border-box !important;
}

#header .contact-top {
    position: absolute !important;
    top: 0.5em !important;
    left: 1em !important;
    right: auto !important;
    font-size: 0.95em !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Remove old header contact strip (moved to nav) */
#header .contact-top { display: none !important; }

/* Nav layout - Clean 30/70 split */
#nav .nav-main-row { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: space-between !important; 
    padding: 0.5em 0 !important; 
}

/* Logo side (left 30%) */
#nav .nav-brand { 
    flex: 0 0 30% !important;
    display: flex !important; 
    align-items: center !important; 
    justify-content: flex-start !important; 
    padding-left: 20px !important; 
    margin-left: -95px !important; 
}
#nav .nav-brand img { 
    max-width: 120px !important; 
    height: auto !important; 
    display: block !important; 
    padding-right: 30px !important; 
}

/* Controls side (right 70%) */
#nav .nav-controls { 
    flex: 0 0 70% !important;
    display: flex !important; 
    flex-direction: column !important;
    align-items: flex-end !important; 
    justify-content: flex-start !important; 
    gap: 0.25em !important; 
    padding-top: 0.5em !important;
}

/* Nav contact area */
#nav .nav-contact {
    position: static !important;
    font-size: 0.95em !important;
    padding: 0.25em 1em 0.25em 0.5em !important;
    display: block !important;
    text-align: right !important;
    margin-top: -0.5em !important;
}

/* Menu container */
#nav .nav-menu-container {
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
    gap: 1em !important;
}

#nav .nav-controls #nav-menu { 
    display: flex !important; 
    align-items: center !important; 
    justify-content: center !important; 
}

/* Ensure navigation menu is visible on tablet and desktop (481px and above) */
@media screen and (min-width: 481px) {
    /* Force show navigation menu on larger screens */
    #nav .nav-menu-container ul#nav-menu,
    #nav ul#nav-menu,
    #nav ul {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    #nav ul#nav-menu li,
    #nav .nav-menu-container ul#nav-menu li {
        display: inline-block !important;
        margin: 0 0.35em !important;
    }
    
    #nav ul#nav-menu li a,
    #nav .nav-menu-container ul#nav-menu li a {
        display: inline-block !important;
        height: 2.25em !important;
        line-height: 2.25em !important;
        padding: 0 1.25em !important;
        text-align: center !important;
        transition: all 0.2s ease !important;
        border-radius: 4px !important;
    }
    
    #nav ul#nav-menu li a:hover,
    #nav .nav-menu-container ul#nav-menu li a:hover {
        background-color: rgba(212, 175, 55, 0.2) !important;
        color: #d4af37 !important;
        transform: translateY(-1px) !important;
    }
    
    #nav ul#nav-menu li a.active,
    #nav .nav-menu-container ul#nav-menu li a.active {
        background-color: rgba(212, 175, 55, 0.3) !important;
        color: #d4af37 !important;
        font-weight: bold !important;
    }
    
    /* Show contact info on larger screens */
    #nav .nav-contact {
        display: block !important;
    }
}

@media screen and (max-width: 980px) {
    #nav .nav-brand img { 
        max-width: 150px !important; 
    }
}

/* Mobile layout - Only for true mobile devices (480px and below) */
@media screen and (max-width: 480px) {
    #nav .nav-main-row { 
        flex-direction: row !important; 
        align-items: center !important;
        justify-content: space-between !important;
        gap: 0 !important; 
    }
    #nav .nav-brand, #nav .nav-controls { 
        flex: 0 0 auto !important; 
    }
}
/* Hamburger button - Only shows on mobile devices (480px and below) */
#nav-toggle.hamburger {
    display: none !important; /* hidden by default on larger screens */
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    border: 2px solid #d4af37 !important;
    background: transparent !important;
    position: relative !important;
    cursor: pointer !important;
    z-index: 10001 !important;
    outline: none !important;
    box-shadow: none !important;
    flex-shrink: 0 !important;
}

/* Remove any default button styles */
#nav-toggle.hamburger:focus,
#nav-toggle.hamburger:active,
#nav-toggle.hamburger:hover {
    outline: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* Override any blue highlighting or default button styles */
#nav-toggle,
#nav-toggle.hamburger,
#nav-toggle.hamburger:focus,
#nav-toggle.hamburger:active,
#nav-toggle.hamburger:hover,
#nav-toggle.hamburger:visited {
    background: transparent !important;
    background-color: transparent !important;
    border: 2px solid #d4af37 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
}

/* Ensure nav-menu-container is positioned relative for dropdown */
#nav .nav-menu-container {
    position: relative !important;
}

/* Ensure hamburger is hidden on tablet and desktop (481px and above) */
@media screen and (min-width: 481px) {
    #nav-toggle.hamburger {
        display: none !important;
    }
}

/* Additional mobile overrides to ensure proper behavior */
@media screen and (max-width: 480px) {
    /* Override any theme styles that might show the nav */
    #nav ul#nav-menu,
    #nav ul#nav-menu li,
    #nav ul#nav-menu li a {
        display: none !important;
    }
    
    /* Show when hamburger is clicked */
    #nav ul#nav-menu.open {
        display: flex !important;
    }
    
    #nav ul#nav-menu.open li {
        display: block !important;
    }
    
    #nav ul#nav-menu.open li a {
        display: flex !important;
    }
    
    /* Ensure hamburger is visible */
    #nav-toggle,
    #nav-toggle.hamburger {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}

@media screen and (max-width: 480px) {
    #nav-toggle.hamburger {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        gap: 5px !important;
        background: transparent !important;
        border: 2px solid #d4af37 !important;
        border-radius: 50% !important;
        width: 44px !important;
        height: 44px !important;
        cursor: pointer !important;
        outline: none !important;
        box-shadow: none !important;
        position: relative !important;
        flex-shrink: 0 !important;
    }
    
    #nav-toggle.hamburger span {
        display: block !important;
        width: 22px !important;
        height: 2px !important;
        background: #ffffff !important;
        border-radius: 1px !important;
        transition: none !important;
    }
    
    /* Hover effect for hamburger */
    #nav-toggle.hamburger:hover {
        background: rgba(212, 175, 55, 0.1) !important;
        border-color: #e6c866 !important;
    }
    
    #nav-toggle.hamburger:hover span {
        background: #d4af37 !important;
    }
}

/* Mobile layout - Only for true mobile devices (480px and below) */
@media screen and (max-width: 480px) {
    #nav {
        display: block !important; /* override theme hiding nav */
        width: 100% !important;
        padding: 0.75em 1em 1em 1em !important;
        position: relative !important;
        z-index: 10000 !important;
    }
    
    /* Mobile logo positioning */
    #nav .nav-brand {
        flex: 0 0 auto !important;
        margin-left: 0 !important;
        padding-left: 50px !important;
    }
    
    #nav .nav-brand img {
        max-width: 100px !important;
        padding-right: 0 !important;
    }
    
    /* Mobile controls positioning */
    #nav .nav-controls {
        flex: 0 0 auto !important;
        align-items: flex-end !important;
        padding-top: 0 !important;
    }
    
    /* Show hamburger on mobile */
    #nav-toggle.hamburger { 
        display: inline-flex !important; 
        align-items: center !important; 
        justify-content: center !important; 
    }
    
    /* Hide contact info on mobile */
    #nav .nav-contact { 
        display: none !important; 
    }
    
    /* Force hide navigation menu on mobile by default */
    #nav .nav-menu-container ul#nav-menu,
    #nav ul#nav-menu,
    #nav ul { 
        display: none !important; 
        margin-top: 0.75em !important; 
    }
    
    /* Show navigation menu only when hamburger is clicked */
    #nav .nav-menu-container ul#nav-menu.open,
    #nav ul#nav-menu.open, 
    #nav.nav-open ul#nav-menu,
    #nav.nav-open .nav-menu-container ul#nav-menu,
    #nav ul#nav-menu.open li,
    #nav ul#nav-menu.open li a { 
        display: block !important; 
    }
    
    /* Style the mobile navigation menu */
    #nav ul#nav-menu,
    #nav .nav-menu-container ul#nav-menu { 
        background: rgba(0,0,0,0.9) !important; 
        border: 1px solid #d4af37 !important; 
        border-radius: 8px !important; 
        padding: 1em !important; 
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        min-width: 200px !important;
        z-index: 10002 !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.3) !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        min-height: 200px !important;
        gap: 0.5em !important;
        transition: none !important;
        animation: none !important;
        transform: none !important;
    }
    
    #nav ul#nav-menu li,
    #nav .nav-menu-container ul#nav-menu li { 
        display: block !important; 
        margin: 0.25em 0 !important; 
        width: 100% !important;
    }
    
    #nav ul#nav-menu li a,
    #nav .nav-menu-container ul#nav-menu li a { 
        display: flex !important; 
        align-items: center !important;
        justify-content: center !important;
        padding: 0.75em 1em !important; 
        color: #ffffff !important;
        text-decoration: none !important;
        border-radius: 4px !important;
        transition: none !important;
        text-align: center !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0.25em 0 !important;
        min-height: 44px !important;
        line-height: 1.2 !important;
    }
    
    #nav ul#nav-menu li a:hover,
    #nav .nav-menu-container ul#nav-menu li a:hover { 
        background-color: rgba(212, 175, 55, 0.2) !important;
        color: #d4af37 !important;
        transform: translateY(-1px) !important;
    }
    
    #nav ul#nav-menu li a.active,
    #nav .nav-menu-container ul#nav-menu li a.active { 
        background-color: rgba(212, 175, 55, 0.3) !important;
        color: #d4af37 !important;
        font-weight: bold !important;
    }
}

#nav .nav-contact a {
    color: rgba(255, 255, 255, 0.85) !important;
    border-bottom: none !important;
}

#nav .nav-contact a:hover {
    color: #d4af37 !important;
}

#nav .nav-contact .sep {
    margin: 0 0.5em !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Add spacing below contact line */
#nav .nav-contact {
    padding-bottom: 0.25em !important;
}

#header p {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Navigation */
#nav {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: none !important;
    background-color: rgba(26, 26, 26, 0.95) !important;
    padding: 0.5em 0.5em 0.625em 0.5em !important;
    border-bottom: 1px solid #d4af37 !important;
    border-radius: 0 !important;
    z-index: 10000 !important;
}

/* Ensure main clears the taller nav */
#nav + #main, #header + #main {
    padding-top: 6.5em !important;
}

#nav ul li a {
    color: rgba(255, 255, 255, 0.8) !important;
}

#nav ul li a:hover {
    color: #d4af37 !important;
}

#nav ul li a.active {
    background-color: #d4af37 !important;
    color: #1a1a1a !important;
}

/* Main Content */
#main {
    background-color: transparent !important;
    color: rgba(255, 255, 255, 0.85) !important;
}

#main h1, #main h2, #main h3, #main h4, #main h5, #main h6 {
    color: #ffffff !important;
}

#main p {
    color: rgba(255, 255, 255, 0.85) !important;
}

/* Buttons */
input[type="submit"], button, .button {
    background-color: #d4af37 !important;
    color: #1a1a1a !important;
    border: 1px solid #d4af37 !important;
}

input[type="submit"]:hover, button:hover, .button:hover {
    background-color: #e6c866 !important;
    color: #1a1a1a !important;
}

input[type="submit"].primary, .button.primary {
    background-color: #1a1a1a !important;
    color: #d4af37 !important;
    border: 1px solid #d4af37 !important;
}

input[type="submit"].primary:hover, .button.primary:hover {
    background-color: #d4af37 !important;
    color: #1a1a1a !important;
}

/* Icons */
.icon.major {
    border-color: #d4af37 !important;
}

.icon.major:before {
    color: #d4af37 !important;
}

.icon.style1 {
    color: #d4af37 !important;
}

.icon.style2 {
    color: #8b8b8b !important;
}

.icon.style3 {
    color: #a0a0a0 !important;
}

.icon.style4 {
    color: #b5b5b5 !important;
}

.icon.style5 {
    color: #cacaca !important;
}

/* Statistics */
.statistics li.style1 {
    background-color: #d4af37 !important;
}

.statistics li.style2 {
    background-color: #8b8b8b !important;
}

.statistics li.style3 {
    background-color: #a0a0a0 !important;
}

.statistics li.style4 {
    background-color: #b5b5b5 !important;
}

.statistics li.style5 {
    background-color: #cacaca !important;
}

.statistics li strong, .statistics li b {
    color: #1a1a1a !important;
}

/* Headers */
header.major h2:after {
    background-color: #d4af37 !important;
}

/* Footer */
#footer {
    background-color: #1a1a1a !important;
    color: rgba(255, 255, 255, 0.8) !important;
}

#footer h2 {
    color: #d4af37 !important;
}

#footer .copyright {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Form Elements */
input[type="text"], select, textarea {
    border-color: #dddddd !important;
    color: #333333 !important;
}

input[type="text"]:focus, select:focus, textarea:focus {
    border-color: #d4af37 !important;
    box-shadow: 0 0 0 1px #d4af37 !important;
}

/* Links */
a {
    color: #d4af37 !important;
}

a:hover {
    color: #e6c866 !important;
}

/* Tables */
table th {
    color: #1a1a1a !important;
}

table thead {
    border-bottom-color: #d4af37 !important;
}

/* Spotlight */
.spotlight .image {
    border-color: #d4af37 !important;
}

/* Features */
.features li .icon.major {
    border-color: #d4af37 !important;
}

.features li .icon.major:before {
    color: #d4af37 !important;
}

/* Boxes */
.box {
    border-color: #dddddd !important;
}

/* Responsive adjustments */
@media screen and (max-width: 736px) {
    #nav {
        background-color: rgba(26, 26, 26, 0.98) !important;
    }
    
    #main {
        background-color: transparent !important;
    }
}

/* Additional elegant touches */
.spotlight .content header.major h2 {
    color: #1a1a1a !important;
}

.spotlight .content header.major h2:after {
    background-color: #d4af37 !important;
}

/* Enhanced contrast for better readability */
#main .content h3 {
    color: #1a1a1a !important;
    border-bottom: 1px solid #d4af37 !important;
    padding-bottom: 0.5em !important;
}

/* Footer icons */
#footer .icons a {
    color: #d4af37 !important;
}

#footer .icons a:hover {
    color: #e6c866 !important;
}

/* Circular image styling for spotlight section */
.spotlight .image img {
    border-radius: 50% !important;
    border: 3px solid #d4af37 !important;
    object-fit: cover !important;
    object-position: center 20% !important;
    width: 300px !important;
    height: 300px !important;
}

/* Icon image styling for services section */
.icon-image {
    display: inline-block !important;
    border-radius: 100% !important;
    border: 5px solid #d4af37 !important;
    padding: 0.4em !important;
    margin: 0 0 2em 0 !important;
    cursor: default !important;
    width: 10em !important;
    height: 10em !important;
    overflow: hidden !important;
}

.icon-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    border-radius: 50% !important;
    display: block !important;
}

/* Responsive circular image */
@media screen and (max-width: 980px) {
    .spotlight .image img {
        width: 250px !important;
        height: 250px !important;
    }
}

@media screen and (max-width: 980px) {
    .icon-image {
        width: 8em !important;
        height: 8em !important;
        padding: 0.3em !important;
    }
}

@media screen and (max-width: 736px) {
    .spotlight .image img {
        width: 200px !important;
        height: 200px !important;
    }
    
    .icon-image {
        width: 6em !important;
        height: 6em !important;
        margin: 0 0 1.5em 0 !important;
        padding: 0.25em !important;
    }
} 

/* Review Form Styles */
.review-form-container {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem;
}

.review-form {
    background: rgba(255, 255, 255, 0.05);
    padding: 2rem;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
}

.form-row {
    display: flex;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

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

.form-group label {
    display: block;
    margin-bottom: 0.5rem;
    color: #d4af37;
    font-weight: 600;
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    font-size: 1rem;
    transition: all 0.3s ease;
}

.form-group input:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #d4af37;
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2);
}

.form-group input::placeholder,
.form-group textarea::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.form-actions {
    text-align: center !important;
    margin-top: 2rem;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.form-actions .button {
    background: linear-gradient(135deg, #d4af37, #b8941f) !important;
    border: none !important;
    padding: 1rem 2rem !important;
    font-size: 1.1rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    color: #1a1a1a !important;
    min-height: 3rem !important;
    line-height: 1 !important;
}

.form-actions .button:hover {
    background: linear-gradient(135deg, #b8941f, #d4af37) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3) !important;
    color: #1a1a1a !important;
}

.review-success,
.review-error {
    text-align: center;
    padding: 2rem;
    border-radius: 8px;
    margin-top: 1rem;
}

.review-success {
    background: rgba(76, 175, 80, 0.1);
    border: 1px solid rgba(76, 175, 80, 0.3);
    color: #4caf50;
}

.review-error {
    background: rgba(244, 67, 54, 0.1);
    border: 1px solid rgba(244, 67, 54, 0.3);
    color: #f44336;
}

.review-success h3,
.review-error h3 {
    margin-bottom: 0.5rem;
    color: inherit;
}

/* Responsive Design */
@media (max-width: 768px) {
    .form-row {
        flex-direction: column;
        gap: 0;
    }
    
    .review-form-container {
        padding: 1rem;
    }
    
    .review-form {
        padding: 1.5rem;
    }
}