/* Noki Premium Aesthetics */

/* 1. Glassmorphism Sticky Header */
.sticky-header.fixed-header {
    background: rgba(255, 255, 255, 0.9) !important;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.05) !important;
    transition: all 0.4s ease;
}

/* 2. Enhanced Primary Buttons */
.theme-btn.btn-style-one, .theme-btn.btn-style-two {
    border-radius: 4px;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(202, 31, 38, 0.2);
}

.theme-btn.btn-style-one:hover, .theme-btn.btn-style-two:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 15px rgba(202, 31, 38, 0.3);
}

/* 3. Smooth Hover Cards (Services/Projects) */
.service-block .inner-box, .project-block .inner-box {
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    border-radius: 8px;
    overflow: hidden;
}

.service-block:hover .inner-box, .project-block:hover .inner-box {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

/* 4. Elegant typography tweaks */
h1, h2, h3, h4, h5, h6 {
    letter-spacing: -0.02em;
}

/* 5. Floating WhatsApp Button enhancements */
.whatsapp-float button {
    box-shadow: 0 4px 15px rgba(37, 211, 102, 0.4);
    transition: all 0.3s ease;
}
.whatsapp-float button:hover {
    transform: scale(1.1) translateY(-3px);
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.6);
}

/* 6. Form Input Polish */
.form-control, .input-text {
    border-radius: 6px;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    background-color: #f8f9fa;
}

.form-control:focus, .input-text:focus {
    background-color: #ffffff;
    border-color: var(--theme-color1);
    box-shadow: 0 0 0 3px rgba(202, 31, 38, 0.1);
}

/* 7. Glowing Hover Effect on Social Media Icons */
.social-icon-one li a,
.social-icon-two li a,
.social-links li a {
    transition: all 0.3s ease !important;
}

/* Ensure icons stay above pseudo-backgrounds */
.social-icon-one li a i, .social-icon-two li a i, .social-links li a i,
.social-icon-one li a span, .social-icon-two li a span, .social-links li a span {
    z-index: 2;
    position: relative;
    transition: all 0.3s ease !important;
}

.social-icon-one li a:hover,
.social-icon-two li a:hover,
.social-links li a:hover,
.social-icon-one li a:hover i,
.social-icon-two li a:hover i,
.social-links li a:hover i,
.social-icon-one li a:hover span,
.social-icon-two li a:hover span,
.social-links li a:hover span {
    color: #ffffff !important;
    text-shadow: 0 0 10px rgba(255, 255, 255, 0.8), 0 0 20px var(--theme-color1) !important;
    transform: scale(1.15) !important;
}

/* 8. Modern Rounded Corners on All Images */
img {
    border-radius: 12px !important;
}
.news-block .image img,
.blog-details__img img,
.sidebar__post-image img {
    border-radius: 12px !important;
}
figure.image img {
    border-radius: 12px !important;
}

/* 9. Blog Text - Only headings should be bold, not paragraphs */
.blog-details__text-2 {
    font-weight: 400 !important;
}
.blog-details__text-2 strong,
.blog-details__text-2 b {
    font-weight: 600;
}
.blog-details__content h4 {
    font-weight: 700;
    margin-top: 25px;
}

/* 10. Hide share widget inside footer */
.main-footer .share-widget {
    display: none !important;
}