/* ===================================================== FONT START ===================================================== */

@media (max-width: 768px) {
    .wp-theme-odoore-studio-lite .has-primary-font-size {
        font-size: 52px !important;
    }
    
    .wp-theme-odoore-studio-lite .has-secondary-font-size {
        font-size: 32px !important;
    }
    
    .wp-theme-odoore-studio-lite .has-feature-font-size {
        font-size: 24px !important;
    }
    
    .wp-theme-odoore-studio-lite .has-feature-secondary-font-size {
        font-size: 20px !important;
    }
    
    .wp-theme-odoore-studio-lite .has-subheading-font-size {
        font-size: 20px !important;
    }
    
    .wp-theme-odoore-studio-lite .has-button-primary-font-size {
        font-size: 14px !important;
    }
}

@media (max-width: 425px) {
    .wp-theme-odoore-studio-lite .has-primary-font-size {
        font-size: 42px !important;
    }
    
    .wp-theme-odoore-studio-lite .has-feature-secondary-font-size {
        font-size: 18px !important;
    }
    
    .wp-theme-odoore-studio-lite .has-subheading-font-size {
        font-size: 18px !important;
    }
    
    .odoore-lite-header nav.odoore-lite-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
        width: 100% !important;
    }
}

/* ===================================================== FONT END ===================================================== */

/* ===================================================== CORE TEMPLATE START ===================================================== */

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form .comment-reply-title {
    margin-bottom: 24px !important;
}

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form .logged-in-as {
    margin-bottom: 32px !important;
}

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form .logged-in-as a {
    color: #383838 !important;
}

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form label {
    margin-bottom: 12px !important;
}

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form .required {
    color: #C44536 !important;
}

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form textarea,
.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form input:not(.wp-block-button__link) {
    border: unset;
    border-bottom: solid 1px #ededed !important;
}

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form .form-submit.wp-block-button {
    margin-top: 40px;
    
}

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form .form-submit.wp-block-button .wp-block-button__link.wp-element-button {
    font-size: 16px !important;
    color: #FFFFFF !important;
    background-color: #C44536 !important;
    border: solid 1px #C44536 !important;
    transition: all .3s ease !important;
}

.odoore-studio-lite-comments-container .odoore-studio-lite-comments-form .form-submit.wp-block-button .wp-block-button__link.wp-element-button:hover {
    font-size: 16px !important;
    color: #C44536 !important;
    background-color: #FFFFFF !important;
    border-color: solid 1px #C44536 !important;
}

.wp-block-button.odoore-lite-orange-button > a,
.odoore-lite-orange-button-search > .wp-block-search__inside-wrapper > .wp-block-search__button {
    transition: all .3s ease !important;
    border: solid 1px transparent !important;
}

.wp-block-button.odoore-lite-white-button > a {
    transition: all .3s ease !important;
}

.wp-block-button.odoore-lite-orange-button > a:hover,
.odoore-lite-orange-button-search > .wp-block-search__inside-wrapper > .wp-block-search__button:hover {
    border: solid 1px #C44536 !important;
    color: #C44536 !important;
    background-color: transparent !important;
}

.wp-block-button.odoore-lite-white-button > a:hover {
    border: solid 1px #FFFFFF !important;
    color: #C44536 !important;
    background-color: #FFFFFF !important;
}


    
@media (max-width: 768px) {
    .odoore-studio-lite-core-single-column .odoore-studio-lite-core-single-column-first {
        order: 2;
        margin-top: 40px;
        padding-right: 0 !important;
    }
    
    .odoore-studio-lite-core-single-column .odoore-studio-lite-core-single-column-second {
        order: 1;
    }
    
    .odoore-studio-lite-core-single-column-second {
        margin-top: 100px !important;
    }
    
    .odoore-studio-lite-hero-cover {
        padding-bottom: 60px !important;
    }
    
    .odoore-lite-home-section-container.search-form {
        margin-top: 100px !important;
    }
}

@media (max-width: 426px) {
    .odoore-studio-lite-comments-container .odoore-studio-lite-comments-form .form-submit.wp-block-button .wp-block-button__link.wp-element-button {
        padding: 6px 16px !important;
        font-size: 14px !important;
    }
    
    .odoore-studio-lite-core-single-column-first .row-social-share {
        flex-direction: column;
    }
    
    .odoore-lite-home-section-container .has-custom-1-font-size {
        font-size: 52px !important;
    }
}

/* ===================================================== CORE TEMPLATE END ===================================================== */

/* ===================================================== HEADER START ===================================================== */

.odoore-lite-header * {
    transition: all .3s ease;
}

.odoore-lite-header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item {
    transition: none !important;
}

.odoore-lite-header {
    z-index: 999;
}

.odoore-lite-header nav.odoore-lite-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open {
    width: 60%;
}

.odoore-lite-header nav.odoore-lite-nav .wp-block-navigation__responsive-container.has-modal-open.is-menu-open .wp-block-navigation__responsive-close {
    padding: 20px 20px 20px 0;
}

.odoore-lite-header nav.odoore-lite-nav .odoore-lite-menus .wp-block-navigation-submenu.has-child > .wp-block-navigation__submenu-container {
    margin-top : 23px;
    margin-left : -23px;
    padding: 12px 24px;
    min-width: 155px !important;
}

.odoore-lite-header nav.odoore-lite-nav .odoore-lite-menus .wp-block-navigation-submenu.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-submenu  > .wp-block-navigation__submenu-container {
    margin-left: 25px;
}

.odoore-lite-header nav.odoore-lite-nav .odoore-lite-menus .wp-block-navigation-submenu.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-submenu  > .wp-block-navigation__submenu-container .wp-block-navigation-submenu  > .wp-block-navigation__submenu-container {
    margin-left: 25px;
}

.odoore-lite-header nav.odoore-lite-nav .odoore-lite-menus .wp-block-navigation-submenu.has-child > .wp-block-navigation__submenu-container > li > a {
    padding: 8px 0 !important;
}

.odoore-lite-header nav.odoore-lite-nav .odoore-lite-menus .wp-block-navigation-submenu.has-child > .wp-block-navigation__submenu-container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content {
    color: #c44536 !important;
}

.odoore-lite-header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item:hover,
.odoore-lite-header .wp-block-navigation .wp-block-navigation__container .wp-block-navigation-item.current-menu-item {
    color: #c44536 !important;
}



/* ===================================================== HEADER END ===================================================== */

/* ===================================================== HOME START ===================================================== */

.odoore-lite-home-section-container {
    margin-bottom: 140px;
}

.wp-block-template-part:has(.odoore-lite-footer) {
    margin-block-start: 0 !important;
}

/* ===================================================== HOME END ===================================================== */

/* ===================================================== PAGINATION START ===================================================== */

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers {
    height: 38px;
    width: 38px;
    color: #c44536 !important;
    border-style: solid;
    border-width: 1px;
    border-color: #c44536 !important;
    border-radius: 999px;
    padding-top: 2px;
    padding-top: 2px;
    padding-left: 8px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    transition: all .3s ease;
    text-decoration: none;
}

.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers:hover,
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current {
    background: #c44536 !important;
    color: #ffffff !important;
}

.wp-block-query-pagination-next,
.wp-block-query-pagination-previous{
    transition: all .3s ease;
    text-decoration: none;
}

.wp-block-query-pagination-next:hover,
.wp-block-query-pagination-previous:hover {
    color: #c44536 !important;
}

/* ===================================================== PAGINATION END ===================================================== */

/* ==================================================== RESPONSIVE START ==================================================== */
@media (max-width: 768px) {
    .odoore-lite-header-columns,
    .odoore-lite-footer-columns,
    .odoore-lite-home-section-container {
        padding: 0 60px !important;
    }
    
    .odoore-lite-home-section-container:not(.hero-content) {
        margin-bottom: 80px !important;
    }
    .odoore-lite-home-section-container.our-story-container {
        margin-top: 80px !important;
    }
    
    .odoore-lite-header-third-column {
        display: none;
    }
    
    .odoore-lite-text-no-margin {
        padding: 0 !important;
        margin-top: 32px !important;
    }
    
    .odoore-lite-header-first-column,
    .odoore-lite-header-second-column {
        flex-basis: 50% !important;
    }
    
    .odoore-lite-footer-column {
        align-self: center !important;
    }
    
    .odoore-lite-footer .odoore-lite-footer-column.odoore-lite-footer-first-column {
        flex-basis: 25% !important;
    }
    
    .odoore-lite-footer .odoore-lite-footer-column.odoore-lite-footer-first-column > .wp-block-group {
        gap: 25px !important;
    }
    
    .odoore-lite-footer .odoore-lite-footer-column.odoore-lite-footer-second-column {
        flex-basis: 35% !important;
    }
    
    .odoore-lite-footer .odoore-lite-footer-column.odoore-lite-footer-third-column {
        flex-basis: 20% !important;
    }
    
    .odoore-lite-header nav.odoore-lite-nav {
        justify-content: right !important;
    }
    
    .odoore-lite-header .odoore-lite-header-logo > img {
        width: 132px !important;
        height: 28px !important;
    }
    
    .odoore-lite-footer-column .odoore-lite-footer-image img {
        width: 188px !important;
        height: 40px !important;
    }
    
    .wp-block-template-part .odoore-lite-footer {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    .odoore-lite-below-title {
        margin-top: 40px !important;
    }
    
    .odoore-lite-home-section-container.our-story-container .odoore-lite-below-title > .wp-block-columns > .wp-block-column > .wp-block-group {
        gap: 40px;
        display: flex;
    }
    
    .odoore-lite-home-section-container.how-we-work-section .how-we-work-section-image-box > .wp-block-columns {
        flex-wrap: wrap !important;
    }
    
    .odoore-lite-home-section-container.how-we-work-section .how-we-work-section-image-box > .wp-block-columns .how-we-work-section-image-container {
        flex-basis: 82% !important;
        margin-left: 47px;
        margin-bottom: 40px;
    }
    
    .odoore-lite-home-section-container.how-we-work-section .how-we-work-section-image-box > .wp-block-columns .how-we-work-section-image-container .how-we-work-section-image img {
        width: 100% !important;
        object-fit: cover;
    }
    
    .odoore-lite-home-section-container.how-we-work-section .how-we-work-section-image-box > .wp-block-columns .how-we-work-section-text {
        padding-left: 110px !important;
        flex-basis: 100% !important;
    }
    
    .odoore-lite-home-section-container.section-works-container .section-works-content-colums > .wp-block-column > .wp-block-cover {
        padding: 24px !important;
        min-height: 300px;
    }
    
    .odoore-lite-home-section-container.section-works-container .section-works-content-colums > .wp-block-column > .wp-block-cover .section-works-second-stack {
        margin-top: 80px !important;
    }
    
    .odoore-lite-home-section-container.seen-on-section .icon-section > .wp-block-columns {
        flex-wrap: wrap !important;
        gap: 10px 30px;
        justify-content: center;
    }
    
    .odoore-lite-home-section-container.seen-on-section .icon-section > .wp-block-columns > .wp-block-column {
        flex-basis: 30% !important;
    }
    
    .odoore-lite-home-section-container.service-section-container .service-section-content .service-section-image-column:not(.first-column) {
        flex-basis: 20% !important;
    }
    
    .odoore-lite-home-section-container.service-section-container .service-section-content .service-section-image-column:not(.first-column) figure img {
        object-fit: cover !important;
    }
    
    .odoore-lite-home-section-container.service-section-container .service-section-content .service-section-image-column figure img {
        object-fit: cover !important;
        max-height: 240px !important;
    }
    
    .odoore-lite-home-section-container.service-section-container .service-section-content .service-section-image-column.first-column {
        flex-basis: 45% !important;
    }
    
    .odoore-lite-home-section-container.testimonial-container {
        padding: 80px 60px !important;
    }
    
    .odoore-lite-home-section-container.testimonial-container .wp-block-heading.odoore-lite-testimonial {
        margin-bottom: 60px !important;
    }
    
    .odoore-lite-image-cover {
        min-height: 320px !important;
    }
    
    .odoore-lite-home-section-container.blog-post-container .blog-post-column .blog-post-group > .wp-block-columns > .wp-block-column {
        flex-basis: 40% !important;
    }
    
    .enquiries-heading-text {
        margin-bottom: 24px !important;
    }
    
    .odoore-lite-home-section-container .post-content-container {
        padding-left: unset !important;
    }
    
    .odoore-lite-archive, .odoore-lite-search {
        padding-left: 60px !important;
        padding-right: 60px !important;
    }
    
    .core-basic-post-template {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 40px;
    }

}

@media (max-width: 426px) {
    .odoore-lite-header-columns,
    .odoore-lite-footer-columns,
    .odoore-lite-home-section-container {
        padding: 0 24px !important;
    }
    .odoore-lite-footer-columns {
        justify-items: center;
        gap: 32px;
    }
    
    .odoore-lite-footer .odoore-lite-footer-column.odoore-lite-footer-first-column,
    .odoore-lite-footer .odoore-lite-footer-column.odoore-lite-footer-second-column,
    .odoore-lite-footer .odoore-lite-footer-column.odoore-lite-footer-third-column {
        flex-basis: 100% !important;
        justify-content: center;
        display: flex;
    }
    
    .odoore-lite-home-section-container.our-story-container .odoore-lite-below-title > .wp-block-columns > .wp-block-column > .wp-block-group {
        gap: 32px;
        display: flex;
        flex-direction: column;
        margin-bottom: 20px;
    }
    
    .odoore-lite-home-section-container.our-story-container .odoore-lite-below-title > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-group {
        width: 100% !important;
    }
    
    .odoore-lite-home-section-container.our-story-container .odoore-lite-below-title > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-group > figure {
        width: 100% !important;
    }
    
    .odoore-lite-home-section-container.our-story-container .odoore-lite-below-title > .wp-block-columns > .wp-block-column > .wp-block-group > .wp-block-group > figure > img{
        width: 100% !important;
    }
    
    .odoore-lite-home-section-container.how-we-work-section .how-we-work-section-image-box > .wp-block-columns > .wp-block-column {
        display: flex;
        width: 100%;
        flex-basis: 100% !important;
        flex-grow: 1;
        padding-left: 0 !important;
        margin-left: 0 !important;
        flex-direction: column;
    }
    
    .odoore-lite-home-section-container.how-we-work-section .how-we-work-section-image-box > .wp-block-columns .how-we-work-section-image-container {
        margin: 30px 0 !important;
    }
    
    .odoore-lite-home-section-container.section-works-container .has-custom-2-font-size {
        font-size: 32px !important;
    }
    
    .odoore-lite-home-section-container.section-works-container .has-custom-10-font-size {
        font-size: 14px !important;
    }
    
    .odoore-lite-home-section-container.section-works-container .section-works-content-colums > .wp-block-column > .wp-block-cover .section-works-second-stack {
        margin-top: 40px !important;
    }
    
    .odoore-lite-home-section-container.section-works-container .section-works-content-colums {
        flex-direction: column !important;
        gap: 24px;
    }
    
    .odoore-lite-home-section-container.section-works-container .section-works-content-colums > .wp-block-column {
        padding: 0px !important;
    }
    
    .odoore-lite-home-section-container.seen-on-section .icon-section > .wp-block-columns {
        flex-direction: column !important;
    }
    
    .odoore-lite-home-section-container.service-section-container .service-section-content {
        flex-direction: column !important;
    }
    
    .odoore-lite-home-section-container.service-section-container .service-section-content .service-section-image-column {
        flex-basis: 100% !important;
    }
    
    .odoore-lite-home-section-container.service-section-container .service-section-content .service-section-image-column figure img {
        width: 100% !important;
    }
    
    .odoore-lite-home-section-container.testimonial-container {
        padding: 60px 24px !important;
    }
    
    .odoore-lite-home-section-container.blog-post-container .blog-post-column .blog-post-group > .wp-block-columns > .wp-block-column {
        flex-basis: 100% !important;
        padding-left: 0px !important;
    }
    
    .odoore-lite-home-section-container > .wp-block-columns > .wp-block-column > .wp-block-group:not(.testimonial-profile) {
        flex-direction: column;
        align-items: baseline;
    }
    
    .odoore-lite-home-section-container.seen-on-section > .wp-block-columns > .wp-block-column > .wp-block-group {
        align-items: center;
    }
    
    .odoore-lite-archive, .odoore-lite-search {
        padding-left: 24px !important;
        padding-right: 24px !important;
    }
    
    .core-basic-post-template {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
        gap: 40px;
    }
}

/* Undo WP behavior between 600–767 */
@media (min-width: 600px) and (max-width: 768px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        display: none;
    }
}

/* Apply WP behavior again from 768px */
@media (min-width: 769px) {
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
        background-color: inherit;
        display: block;
        position: relative;
        width: 100%;
        z-index: auto;
    }
}

@media (min-width: 600px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none;
    }
}

/* Re-enable the open (hamburger) button between 600–767 */
@media (min-width: 600px) and (max-width: 768px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: flex; /* or block, WP uses flex */
    }
}

/* Hide the open button from 768px up */
@media (min-width: 769px) {
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
        display: none;
    }
}

/* ==================================================== RESPONSIVE END ==================================================== */

/* ==================================================== EDITOR START ==================================================== */

.block-editor-block-list__block.wp-block-query-pagination-numbers .page-numbers {
    padding-left: 10px;
}

.block-editor-block-list__block.wp-block-query-pagination-numbers .page-numbers.dots {
    letter-spacing: 0 !important;
    padding-left: 0px !important;
}

/* ==================================================== EDITOR END ==================================================== */