:root {
--accent: #b27515 !important;
--primary: #18333b !important;
--secondary: #67797e !important;
--primary-font: Unna, sans-serif;
--secondary-font: Roboto, sans-serif;
}

/* Hide ecommerce/shop elements - ACPD does not use shop functionality */

/* Hide cart icon in all headers (fallback safety) */
.cart-counter { display: none !important; }

/* Hide My Orders link in header user dropdown */
.cs_header_user_list a[href*="/user/order"],
.cs_header_user_list li:has(a[href*="/user/order"]) { display: none !important; }

/* Hide My Orders and Reviews in user dashboard sidebar */
.cs_dashboard_nav li:has(a[href*="/user/order"]),
.cs_dashboard_nav li:has(a[href*="/user/review"]) { display: none !important; }

/* Hide shop/product section components on pages */
.cs_popular_product_section,
.cs_trending_product_section { display: none !important; }

/* Hide login link and user profile icon from frontend header */
.cs_toolbox .cs_header_user_btn,
.cs_toolbox .cs_dropdown_wrap:has(.cs_header_user_btn) {
    display: none !important;
}

/* Constrain frontend header logo size - like admin sidebar */
.cs_site_branding img {
    max-height: 50px;
    width: auto;
    object-fit: contain;
    display: block;
}

/* Service section card improvements (layout 2 - Swiper) */
.cs_card.cs_style_1.cs_shining {
    border-radius: 12px;
    overflow: hidden;
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.cs_card.cs_style_1.cs_shining:hover {
    box-shadow: 0 12px 40px rgba(0,0,0,0.18);
    transform: translateY(-4px);
}
.cs_card.cs_style_1.cs_shining .cs_card_img {
    aspect-ratio: 16/9;
    overflow: hidden;
}
.cs_card.cs_style_1.cs_shining .cs_card_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}
.cs_card.cs_style_1.cs_shining:hover .cs_card_img img {
    transform: scale(1.05);
}

/* ===== ONE-PAGE MODE: Hide header navigation only ===== */
.cs_nav { display: none !important; }
button.cs_hamburger_btn.cs_hamburger_info_btn { display: none !important; }
.cs_search_btn, .cs_search_wrap { display: none !important; }

/* Hide footer menu columns - keep only logo/contact column */
.cs_footer_grid_4 .cs_footer_grid_item:nth-child(n+2) { display: none !important; }
.cs_footer_grid_4 { grid-template-columns: 1fr !important; max-width: 520px; }
.cs_footer_links, .cs_footer_nav { display: none !important; }

/* ===== Footer single-column alignment ===== */
/* Override previous max-width and centre the grid */
.cs_footer_grid_4 {
    max-width: 100% !important;
    display: flex !important;
    justify-content: center !important;
}
.cs_footer_grid_4 .cs_footer_grid_item {
    max-width: 680px;
    width: 100%;
    text-align: center !important;
}
/* Centre logo and text inside the widget */
.cs_footer_grid_4 .cs_text_widget {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
.cs_footer_grid_4 .cs_text_widget img {
    max-height: 60px;
    width: auto;
    margin: 0 auto 24px !important;
}
.cs_footer_grid_4 .cs_text_widget p,
.cs_footer_grid_4 .cs_text_widget h3,
.cs_footer_grid_4 .cs_text_widget a {
    text-align: center !important;
}
/* Centre bottom bar — social icons + copyright */
.cs_bottom_footer {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    text-align: center !important;
}
.cs_bottom_footer_left {
    display: flex !important;
    justify-content: center !important;
}
.cs_copyright {
    text-align: center !important;
}

/* ===== MOBILE RESPONSIVENESS — one-page layout ===== */

/* --- Header: centre logo when nav is hidden --- */
@media (max-width: 991px) {
    .cs_main_header_in {
        justify-content: center !important;
        position: relative;
    }
    .cs_main_header_left {
        justify-content: center !important;
        width: 100%;
    }
    .cs_main_header_right {
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
    .cs_site_branding {
        display: flex;
        justify-content: center;
    }
    .cs_site_branding img {
        max-height: 42px !important;
    }
    .cs_main_header {
        padding: 12px 0 !important;
    }
}

/* --- Hero section: stack phone + subtitle on small screens --- */
@media (max-width: 767px) {
    .cs_hero.cs_style_1 {
        padding-top: 80px !important;
        min-height: auto !important;
    }
    .cs_hero_bottom {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }
    .cs_hero_phone_number {
        font-size: 18px !important;
    }
    .cs_hero_subtitle {
        font-size: 15px !important;
        line-height: 1.6em !important;
        max-width: 100% !important;
    }
    .cs_hero_title_box_wrap {
        padding: 0 !important;
    }
}
@media (max-width: 420px) {
    .cs_hero.cs_style_1 {
        padding-top: 70px !important;
    }
    .cs_hero_title {
        font-size: 38px !important;
        line-height: 1.15em !important;
    }
}

/* --- Service section (layout 2 — Swiper cards) --- */
@media (max-width: 767px) {
    .cs_auto_per_view_1.cs_full_screen_right {
        width: 100% !important;
        overflow: hidden;
        padding: 0 16px !important;
        box-sizing: border-box;
    }
    .cs_card.cs_style_1.cs_shining {
        border-radius: 10px !important;
    }
    .cs_card.cs_style_1.cs_shining .cs_card_img {
        aspect-ratio: 4/3 !important;
    }
    .cs_card_title {
        font-size: 22px !important;
    }
    .cs_card_subtitle {
        font-size: 14px !important;
        line-height: 1.6em !important;
    }
}
@media (max-width: 575px) {
    .cs_section_heading.cs_style_3 .cs_section_heading_left,
    .cs_section_heading.cs_style_3 .cs_section_heading_right {
        width: 100% !important;
        text-align: center !important;
    }
    .cs_section_heading.cs_style_3 {
        flex-direction: column !important;
        align-items: center !important;
        gap: 16px !important;
        text-align: center !important;
    }
    .cs_section_heading.cs_style_3 .cs_btn {
        width: 100% !important;
        text-align: center !important;
    }
    .cs_section_heading_text {
        font-size: 15px !important;
    }
}

/* --- Working Process section --- */
@media (max-width: 991px) {
    .cs_list.cs_style_3 {
        padding-left: 0 !important;
    }
    .cs_list.cs_style_3 li {
        padding: 18px 0 18px 20px !important;
    }
    .cs_list.cs_style_3 li h2 {
        font-size: 20px !important;
    }
    .cs_list.cs_style_3 li p {
        font-size: 14px !important;
    }
}
@media (max-width: 767px) {
    .col-lg-6 + .col-lg-6 img {
        margin-top: 30px;
    }
    .cs_gap_y_50 {
        row-gap: 30px !important;
    }
}

/* --- Section headings — tighter on small screens --- */
@media (max-width: 575px) {
    .cs_section_title {
        font-size: 28px !important;
        line-height: 1.3em !important;
    }
    .cs_section_subtitle {
        font-size: 14px !important;
    }
    .cs_height_85 {
        height: 36px !important;
    }
}

/* --- General container padding on very small screens --- */
@media (max-width: 375px) {
    .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}

/* --- Footer responsive tweaks --- */
@media (max-width: 575px) {
    .cs_footer_grid_4 .cs_footer_grid_item {
        padding: 0 !important;
    }
    .cs_footer_grid_4 .cs_text_widget img {
        max-height: 45px !important;
        margin-bottom: 16px !important;
    }
    .cs_footer_grid_4 .cs_text_widget p,
    .cs_footer_grid_4 .cs_text_widget h3 {
        font-size: 14px !important;
    }
    .cs_bottom_footer {
        flex-direction: column !important;
        align-items: center !important;
        padding: 20px 16px !important;
        gap: 12px !important;
    }
    .cs_copyright {
        font-size: 13px !important;
    }
}
/* ===== END MOBILE RESPONSIVENESS ===== */

/* Hide any remaining internal page links in footer text/contact widget */
.cs_footer a[href^='/']:not([href='/']):not([href^='mailto']):not([href^='tel']) { pointer-events: none !important; text-decoration: none !important; color: inherit !important; cursor: default !important; }