/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/*==========TEXT LEFT LINE===========*/
.ba-automobile__h6-heading.brxe-heading .separator,
.ba-automobile__h6-heading-center.brxe-heading .separator {
    -webkit-clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
    clip-path: polygon(15% 0%, 100% 0%, 85% 100%, 0% 100%);
}

/*============SERVICE MODULE LINK============*/
/*SERVICE TEXT LINK BEFORE HOVER LINE*/
.ba-automobile-service-page__service-content-link h5:before {
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 0;
    height: 2px;
    display: block;
    transition: all .8s cubic-bezier(.19, 1, .22, 1);
    content: "";
    opacity: 0;
    background-color: var(--bricks-color-12d32d);
    margin-left: 0 !important
}

.ba-automobile-service-page__service-content-link h5:hover:before {
    position: absolute;
    bottom: 50%;
    left: 0;
    width: 30px;
    height: 2px;
    display: block;
    transition: all .8s cubic-bezier(.19, 1, .22, 1);
    content: "";
    opacity: 1;
    background-color: var(--bricks-color-12d32d);
    margin-left: 0 !important
}

/*SERVICE TEXT LINK COLOR*/
.ba-automobile-service-page__service-content-link h5 {
    color: var(--bricks-color-hqqlno);
    transition: all .8s cubic-bezier(.19, 1, .22, 1);
}

.ba-automobile-service-page__service-content-link h5:hover {
    color: var(--bricks-color-12d32d) !important;
    transition: all .8s cubic-bezier(.19, 1, .22, 1);
    padding-left: 35px !important;
}

/*SERVICE TEXT LINK ICON*/
.ba-automobile-service-page__service-content-link.brxe-text-link .icon>i {
    font-size: 20px;
    transform: rotateZ(-45deg);
}

/*==========PRICE TABLE PRICE AMOUT===========*/
.ba-automobile-pricing-plan__pricing-block-content-price:where(.brxe-pricing-tables) .pricing-table-pricing {
    padding: 0px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: flex-start;
    align-items: flex-end;
}

.ba-automobile-pricing-plan__pricing-block-content-price .repeater-item:nth-child(1) .pricing-table-price-meta {
    font-size: 16px;
    color: var(--bricks-color-eroszo);
    text-transform: capitalize;
    font-weight: 500;
    width: auto;
}

.ba-automobile-pricing-plan__pricing-block-content-price:where(.brxe-pricing-tables) .pricing-tables {
    display: FLEX;
}

/*==========BLOG MODULE BLACK===========*/
.ba-automobile-blog__post-grid .bricks-layout-inner {
    position: relative;
}

/*DATE BEFORE ICON*/
.ba-automobile-blog__post-grid .date:before {
    position: absolute;
    left: 0px;
    top: -2px;
    color: var(--bricks-color-pcjbxy);
    font-family: 'Font Awesome\ 6 Free';
    content: "\f07c";
    font-size: 15px;
    font-weight: normal;
}

.ba-automobile-blog__post-grid .date {
    padding-left: 25px;
    position: relative;
    color: var(--bricks-color-pcjbxy);
}

.ba-automobile-blog__post-grid .date:hover {
    color: var(--bricks-color-12d32d);
}

/*AUTHOR BEFORE ICON*/
.ba-automobile-blog__post-grid .author:before {
    position: absolute;
    left: 10px;
    top: -2px;
    color: var(--bricks-color-pcjbxy);
    font-family: 'Font Awesome\ 6 Free';
    content: "\f007";
    font-size: 15px;
    font-weight: normal;
}

.ba-automobile-blog__post-grid .author {
    padding-left: 30px;
    position: relative;
    opacity: 0.7;
}

.ba-automobile-blog__post-grid .author a {
    color: var(--bricks-color-pcjbxy);
}

/*BLOG GRID BACKGROUND COLOR*/
.ba-automobile-blog__post-grid .bricks-layout-item {
    background-color: var(--bricks-color-imqbeg);
}

/*BLOG GRID CONTENT WIDTH */
.ba-automobile-blog__post-grid .bricks-layout-item .dynamic {
    width: 100%;
}

/*==========BLOG MODULE WHITE===========*/
.ba-automobile-blog-page__post-grid .bricks-layout-inner {
    position: relative;
}

/*DATE BEFORE ICON*/
.ba-automobile-blog-page__post-grid .date:before {
    position: absolute;
    left: 0px;
    top: -2px;
    color: var(--bricks-color-imqbeg);
    font-family: 'Font Awesome\ 6 Free';
    content: "\f07c";
    font-size: 15px;
    font-weight: normal;
}

.ba-automobile-blog-page__post-grid .date {
    padding-left: 25px;
    position: relative;
    color: var(--bricks-color-imqbeg);
}

.ba-automobile-blog-page__post-grid .date:hover {
    color: var(--bricks-color-12d32d);
}

/*AUTHOR BEFORE ICON*/
.ba-automobile-blog-page__post-grid .author:before {
    position: absolute;
    left: 10px;
    top: -2px;
    color: var(--bricks-color-imqbeg);
    font-family: 'Font Awesome\ 6 Free';
    content: "\f007";
    font-size: 15px;
    font-weight: normal;
}

.ba-automobile-blog-page__post-grid .author {
    padding-left: 30px;
    position: relative;
    opacity: 0.7;
}

.ba-automobile-blog-page__post-grid .author a {
    color: var(--bricks-color-imqbeg) !important;
}

/*BLOG GRID BACKGROUND COLOR*/
.ba-automobile-blog-page__post-grid .bricks-layout-item {
    background-color: var(--bricks-color-pcjbxy);
}

/*BLOG GRID CONTENT WIDTH */
.ba-automobile-blog-page__post-grid .bricks-layout-item .dynamic {
    width: 100%;
}

.ba-automobile-blog-page__post-grid .bricks-layout-wrapper {
    --gutter: 30px;
    margin-bottom: 50px;
}

/*==========BLOG MODULE LIST===========*/
.ba-automobile-blog-page__post-list .bricks-layout-inner {
    position: relative;
}

/*DATE BEFORE ICON*/
.ba-automobile-blog-page__post-list .date:before {
    position: absolute;
    left: 0px;
    top: -2px;
    color: var(--bricks-color-imqbeg);
    font-family: 'Font Awesome\ 6 Free';
    content: "\f07c";
    font-size: 15px;
    font-weight: normal;
}

.ba-automobile-blog-page__post-list .date {
    padding-left: 25px;
    position: relative;
    color: var(--bricks-color-imqbeg);
}

.ba-automobile-blog-page__post-list .date:hover {
    color: var(--bricks-color-12d32d);
}

/*AUTHOR BEFORE ICON*/
.ba-automobile-blog-page__post-list .author:before {
    position: absolute;
    left: 10px;
    top: -2px;
    color: var(--bricks-color-imqbeg);
    font-family: 'Font Awesome\ 6 Free';
    content: "\f007";
    font-size: 15px;
    font-weight: normal;
}

.ba-automobile-blog-page__post-list .author {
    padding-left: 30px;
    position: relative;
    opacity: 0.7;
}

.ba-automobile-blog-page__post-list .author a {
    color: var(--bricks-color-imqbeg) !important;
}

/*BLOG GRID BACKGROUND COLOR*/
.ba-automobile-blog-page__post-list .bricks-layout-item {
    background-color: var(--bricks-color-pcjbxy);
}

.ba-automobile-blog-page__post-list .bricks-layout-item .dynamic {
    width: 100%;
}

.ba-automobile-blog-page__post-list.brxe-posts .content-wrapper {
    margin: auto;
}

/***  BLOG GRID MOBILE RESPONSIVE ***/
@media all and (max-width: 767px) {
    .ba-automobile-blog-page__post-list .bricks-layout-item .bricks-layout-inner {
        flex-direction: column !important;
    }
}

/*==========================
   MOBILE BURGER MENU FIXES
   Full viewport menu without clipping, covering burger button
 ===========================*/
@media screen and (max-width: 767px) {

    /* Full viewport overlay for mobile only */
    .brxe-nav-nested.brx-open {
        position: fixed !important;
        left: 0 !important;
        top: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100vw !important;
        height: 100vh !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        -webkit-transform: none !important;
        z-index: 10000 !important;
        background-size: cover !important;
        overflow: visible !important;
    }

    /* Menu container with proper close button positioning */
    .ba-automobile-header__nav-wrapper.brx-open .ba-automobile-header__nav-items {
        position: relative !important;
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 60px 20px 20px !important;
        /* Top padding for close button */
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
        background-size: cover !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Style close button as simple white X */
    .ba-automobile-header__nav-close.brx-toggle-div.brxa--boring.is-active {
        position: absolute !important;
        top: 20px !important;
        right: 20px !important;
        z-index: 10001 !important;
        background: rgba(0, 0, 0, 0.5) !important;
        /* Semi-transparent background for visibility */
        border: none !important;
        border-radius: 4px !important;
        color: #fff !important;
        font-size: 24px !important;
        font-weight: bold !important;
        cursor: pointer !important;
        padding: 8px !important;
        margin: 0 !important;
        width: auto !important;
        height: auto !important;
        min-width: 40px !important;
        min-height: 40px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Ensure X is white and visible */
    .ba-automobile-header__nav-close.brx-toggle-div.brxa--boring.is-active span {
        color: #fff !important;
    }

    /* Ensure logo and mobile logo are properly positioned */
    .ba-automobile-header__nav-items .ba-automobile-header__nav-logo-mobile {
        margin-bottom: 20px !important;
        order: -1 !important;
    }

    .ba-automobile-header__nav-items .ba-automobile-header__nav-logo {
        margin-bottom: 20px !important;
        order: -1 !important;
    }

    /* Style individual menu items */
    .ba-automobile-header__nav-items .menu-item {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    /* Hide burger button when menu is open */
    .ba-automobile-header .ba-automobile-header__nav-open.is-active {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* Specific fixes for very small screens under 479px */
@media screen and (max-width: 479px) {

    /* Ensure close button is prominently visible on very small screens */
    .ba-automobile-header__nav-close.brx-toggle-div.brxa--boring.is-active,
    .brx-toggle-div.brxa--boring.is-active {
        background: #000 !important;
        /* Solid black background for maximum contrast */
        border: none !important;
        border-radius: 6px !important;
        font-size: 28px !important;
        /* Larger X for better visibility */
        padding: 10px !important;
        min-width: 50px !important;
        min-height: 50px !important;
        top: 15px !important;
        /* Slightly higher for better accessibility */
        right: 15px !important;
        color: #fff !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 10002 !important;
    }

    /* Ensure menu overlay has strong contrast */
    .brxe-nav-nested.brx-open {
        background-color: rgba(0, 0, 0, 0.9) !important;
        /* Darker overlay */
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {

    /* Tablet-specific fixes - only adjust positioning without full-screen overlay */
    .brxe-nav-nested.brx-open {
        top: -10px !important;
        margin-top: 10px !important;
        transform: none !important;
        -webkit-transform: none !important;
    }

    .ba-automobile-header__nav-wrapper.brx-open .ba-automobile-header__nav-items {
        padding-top: 30px !important;
        background-size: cover !important;
    }

    /* Hide burger button when tablet menu is open */
    .ba-automobile-header .ba-automobile-header__nav-open.is-active {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}

/* Green link on white background */
.link-green {
    color: #368b00 !important;
    /* Example green */
}

/* White link on green background */
.link-white {
    color: #ffffff !important;
}

/*==========HERO MOBILE OVERLAP FIX===========*/
/* On small mobile screens the hero section's negative top margin
   pulls it behind the sticky header, making the heading unreadable.
   We reduce the negative margin and add top padding so content
   clears the sticky header. */
@media screen and (max-width: 767px) {
    .ba-hero-4.brxe-section {
        margin-top: -80px !important;
    }

    /* Add extra top padding to the content wrapper so the heading
       sits comfortably below the logo / nav bar */
    .ba-hero-4__slider-content-wrapper {
        padding-top: 170px !important;
    }
}

/* Extra-small screens (iPhone SE, 375px and below) */
@media screen and (max-width: 479px) {
    .ba-hero-4.brxe-section {
        margin-top: -50px !important;
    }

    .ba-hero-4__slider-content-wrapper {
        padding-top: 190px !important;
    }
}

/*==========SCROLL TO TOP BUTTON===========*/
#scroll-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: var(--bricks-color-12d32d, #368b00);
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25);
}

#scroll-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

#scroll-to-top:hover {
    background-color: #2a6e00;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
    transform: translateY(-2px);
}


@media screen and (max-width: 767px) {
    #scroll-to-top {
        bottom: 20px;
        right: 20px;
        width: 42px;
        height: 42px;
        font-size: 16px;
    }
}