.ph-clickwrap {
    position: relative;
    z-index: 1001; /* Ensure phone number appears above other elements */
}

.ph-clickwrap .search-shopcart {
    margin-right: 20px; /* Add space between phone number and menu icon */
    display: flex;
    align-items: center;
}

.ph-clickwrap .search-shopcart a {
    display: flex;
    align-items: center;
    text-decoration: none;
    white-space: nowrap;
}

.ph-clickwrap .fa-phone-volume {
    margin-right: 8px;
    font-size: 16px;
    line-height: 1;
}
/* Off-canvas toggle styles removed: `.remove-click`, `.ph-clickwrap`, and `.remove-clickbg-adding` were removed
     when the off-canvas markup and behavior were deleted from the site's pages. */

/* Hero heading size fixes for index page */
.hero-section-version2 .hero-v2-content h1 {
    font-size: 24px !important; /* Reduced overall size */
    line-height: 1.2 !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 20px !important;
}

@media (min-width: 1400px) {
    .hero-section-version2 .hero-v2-content h1 {
        font-size: 28px !important; /* Slightly larger desktop */
    }
}

@media (max-width: 1199px) {
    .hero-section-version2 .hero-v2-content h1 {
        font-size: 22px !important; /* Tablet size */
    }
}

@media (max-width: 767px) {
    .hero-section-version2 .hero-v2-content h1 {
        font-size: 18px !important; /* Mobile size */
        line-height: 1.25 !important;
    }
}

/* Fix button positioning - move it to top of blue image section */
.hero-section-version2 .banner-v2-thumb .thumb-content {
    position: absolute !important;
    right: 63px !important;
    top: -50px !important; /* Move significantly higher in the blue section */
    max-width: 438px !important;
}

@media (max-width: 1500px) {
    .hero-section-version2 .banner-v2-thumb .thumb-content {
        right: 53px !important;
        top: -50px !important; /* Move further up */
    }
}

@media (max-width: 1399px) {
    .hero-section-version2 .banner-v2-thumb .thumb-content {
        right: 33px !important;
        top: -130px !important; /* Move even higher on smaller screens */
    }
}

@media (max-width: 1199px) {
    .hero-section-version2 .banner-v2-thumb .thumb-content {
        right: 3px !important;
        top: -140px !important; /* Move higher on tablet screens */
    }
}

/* Ensure button stays visible and properly styled */
.hero-section-version2 .thumb-content .custom-magik-btn {
    margin-top: 10px !important; /* Add some space from the paragraph */
    position: relative !important;
    z-index: 10 !important; /* Ensure button is above image */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Adjust paragraph spacing to accommodate new button position */
.hero-section-version2 .thumb-content p {
    margin-bottom: 5px !important; /* Reduce bottom margin more to move content higher */
    margin-top: 0 !important; /* Remove top margin to start higher */
}

@media (max-width: 991px) {
    .hero-section-version2 .banner-v2-thumb .thumb-content {
        position: initial !important;
        margin-top: 18px !important;
        padding: 20px !important; /* Add padding for better mobile layout */
    }
}

/* Increase header logo size - make it much more visible */
.header-section .brand-logo {
    max-width: 450px !important; /* Significantly increased from 265px */
    height: auto !important;
}

@media (max-width: 1199px) {
    .header-section .brand-logo {
        max-width: 200px !important; /* Increased from 100px */
        height: auto !important;
    }
}

@media (max-width: 991px) {
    .header-section .brand-logo {
        max-width: 180px !important; /* Medium mobile size */
        height: auto !important;
    }
}

@media (max-width: 767px) {
    .header-section .brand-logo {
        max-width: 150px !important; /* Large mobile size */
        height: auto !important;
    }
}

@media (max-width: 575px) {
    .header-section .brand-logo {
        max-width: 130px !important; /* Small mobile size */
        height: auto !important;
    }
}

/* Enhanced map styling for contact page */
.map-items .googpemap iframe {
    width: 100% !important;
    height: 500px !important;
    border-radius: 15px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.map-items .googpemap iframe:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 1199px) {
    .map-items .googpemap iframe {
        height: 450px !important;
    }
}

@media (max-width: 991px) {
    .map-items .googpemap iframe {
        height: 400px !important;
    }
}

@media (max-width: 767px) {
    .map-items .googpemap iframe {
        height: 350px !important;
        border-radius: 10px !important;
    }
}

@media (max-width: 575px) {
    .map-items .googpemap iframe {
        height: 300px !important;
        border-radius: 8px !important;
    }
}

/* Themed inline form status messages */
#form-status {
    display: none;
}

.form-status {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-weight: 600;
    transition: all .3s ease;
    animation: formFade .25s ease-in both;
}

.form-status i { font-size: 18px; }

.form-status--success {
    background: linear-gradient(135deg, rgba(227,255,4,.15) 0%, rgba(227,255,4,.05) 100%);
    border-color: rgba(227,255,4,.45);
    color: #d1ff0a;
    text-shadow: 0 0 6px rgba(227,255,4,.25);
}

.form-status--error {
    background: rgba(255, 0, 60, .08);
    border-color: rgba(255, 0, 60, .35);
    color: #ff5a7a;
}

@keyframes formFade {
    from { opacity: 0; transform: translateY(6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* Contact form: message box height override */
.contact-form-items .form-clt textarea {
    min-height: 220px !important; /* more visible message box height */
    padding-bottom: 12px !important; /* neutralize theme's large padding-bottom */
    resize: vertical; /* allow user to enlarge if needed */
}

/* Ensure submit button is fully visible and styled */
#contact-submit.theme-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    background: var(--theme) !important;
    color: #000 !important;
    border: 1px solid var(--theme) !important;
    padding: 12px 22px !important;
    font-weight: 700 !important;
}

#contact-submit.theme-btn.disabled,
#contact-submit.theme-btn:disabled {
    opacity: .7;
    cursor: not-allowed;
}