/*
Theme Name:     Newspaper Child theme
Theme URI: 		http://themeforest.net/user/tagDiv/portfolio
Description:    Child theme made by tagDiv
Author:         tagDiv
Author URI: 	http://themeforest.net/user/tagDiv/portfolio
Template:       Newspaper
Version:        9.0c
*/


/*  ----------------------------------------------------------------------------
    This file will load automatically when the child theme is active. You can use it
    for custom CSS.
*/


/* =============================================================================
   MOBILE RESPONSIVE FIXES
   ============================================================================= */

@media (max-width: 767px) {

    /* ---- MOBILE NAV: prevent hidden menu from occupying flow space ---- */
    /* #td-mobile-nav and .td-menu-background use visibility:hidden which */
    /* keeps them in the document flow, creating ~400px gap below header */
    #td-mobile-nav,
    .td-menu-background,
    .td-search-background,
    .td-search-wrap-mob {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        width: 100% !important;
        z-index: 9999 !important;
    }

    /* ---- DESKTOP HEADER: force hide on mobile ---- */
    /* TagDiv Composer block wrappers + actual inner elements */
    .tdb_header_menu_favorites,
    .tdb_header_search,
    .tdb_header_mobile_search,
    .td-header-desktop-wrap,
    .tdw-wmf-wrap,
    .tdb-head-search-btn,
    .td-header-template-wrap .tdb-head-search-btn,
    .td-header-template-wrap a[class*="search"] {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
    }

    /* Keep logo visible, compact, and CENTERED on mobile */
    .tdb_header_logo {
        text-align: center !important;
        padding: 8px 0 !important;
        width: 100% !important;
    }

    .tdb_header_logo .tdb-block-inner {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
    }

    .tdb_header_logo .tdb-logo-a {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 auto !important;
    }

    .tdb_header_logo .tdb-logo-img-wrap {
        margin: 0 auto !important;
    }

    /* Hide logo text-wrap if pushing off-center */
    .tdb_header_logo .tdb-logo-text-wrap {
        display: none !important;
    }

    .tdb_header_logo .tdb-logo-img {
        max-height: 80px !important;
        width: auto !important;
        height: auto !important;
    }

    /* Ensure header template wrap auto-sizes to mobile header */
    .td-header-template-wrap {
        height: auto !important;
        max-height: none !important;
    }

    /* Compact the sticky header row on mobile */
    .tdc-row-is-sticky,
    .tdc-row-is-sticky > .td-pb-row,
    .tdc-row-is-sticky > .vc_row,
    .tdc-row-is-sticky > .wpb_row {
        min-height: 0 !important;
        height: auto !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    .tdc-row-is-sticky .tdc-column,
    .tdc-row-is-sticky .vc_column_container,
    .tdc-row-is-sticky .wpb_column {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    /* Hide the horizontal menu widget (327px invisible block causing the gap) */
    .tdb_mobile_horiz_menu {
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
    }

    /* Hide the top info bar on mobile (email, hours) to save space */
    .td-header-template-wrap > .tdc-row:first-child:not(.tdc-row-is-sticky) {
        display: none !important;
    }

    /* Compact the logo row */
    .tdb_header_logo .tdb-logo-img {
        max-height: 60px !important;
    }

    /* ---- GUARANTEE SECTION: handled by JavaScript (see functions.php) ---- */

    /* ---- FOOTER: dark background for readability ---- */
    .td-footer-template-wrap,
    .td-footer-wrap,
    .td-footer-template-wrap .tdc-zone,
    .td-footer-template-wrap .tdc_zone,
    .td-footer-template-wrap .wpb_row,
    .td-footer-template-wrap .vc_row,
    .td-footer-template-wrap .vc_column,
    .td-footer-template-wrap .tdc-row,
    .td-footer-template-wrap .tdc-column {
        background-color: #181923 !important;
        color: #ffffff !important;
    }

    .td-footer-template-wrap a,
    .td-footer-template-wrap p,
    .td-footer-template-wrap span,
    .td-footer-template-wrap li,
    .td-footer-template-wrap h1,
    .td-footer-template-wrap h2,
    .td-footer-template-wrap h3,
    .td-footer-template-wrap h4,
    .td-footer-template-wrap h5,
    .td-footer-template-wrap h6,
    .td-footer-template-wrap .tdb-title-text,
    .td-footer-template-wrap .tdm-descr {
        color: #ffffff !important;
    }

    /* ---- FOOTER COLUMNS: stack vertically on mobile ---- */
    .td-footer-template-wrap .vc_column,
    .td-footer-template-wrap .tdc-column,
    .td-footer-template-wrap .vc_column_container,
    .td-footer-template-wrap .wpb_column {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 15px 20px !important;
        text-align: center !important;
    }

    /* Footer rows: stack properly */
    .td-footer-template-wrap .vc_row,
    .td-footer-template-wrap .wpb_row,
    .td-footer-template-wrap .tdc-row {
        flex-direction: column !important;
        display: flex !important;
    }

    /* Footer section headings (Links, Company, Contact, Services) */
    .td-footer-template-wrap .tdb-title-text,
    .td-footer-template-wrap .tdm-title,
    .td-footer-template-wrap h3,
    .td-footer-template-wrap h4 {
        text-align: center !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        margin-bottom: 10px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
    }

    /* Footer links: centered list with proper spacing */
    .td-footer-template-wrap ul {
        list-style: none !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    .td-footer-template-wrap ul li {
        text-align: center !important;
        padding: 4px 0 !important;
    }

    .td-footer-template-wrap ul li a {
        font-size: 14px !important;
        opacity: 0.85;
    }

    /* Footer paragraphs */
    .td-footer-template-wrap p {
        text-align: center !important;
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* Footer text blocks / descriptions - force small text */
    .td-footer-template-wrap .tdm-descr,
    .td-footer-template-wrap .tdb-block-inner p,
    .td-footer-template-wrap .tdb-block-inner span,
    .td-footer-template-wrap .wpb_text_column p,
    .td-footer-template-wrap .wpb_text_column span,
    .td-footer-template-wrap .wpb_wrapper p,
    .td-footer-template-wrap .wpb_wrapper span {
        font-size: 13px !important;
        line-height: 1.5 !important;
        text-transform: none !important;
    }

    /* Force ALL text in footer to reasonable size */
    .td-footer-template-wrap * {
        max-width: 100% !important;
    }

    /* ---- FOOTER LOGOS: size control on mobile ---- */
    /* Default: small for certification badges */
    .td-footer-template-wrap img {
        max-height: 55px !important;
        max-width: 130px !important;
        width: auto !important;
        height: auto !important;
        display: block !important;
        margin: 8px auto !important;
        object-fit: contain !important;
    }

    /* Override inline width/height attributes on img tags */
    .td-footer-template-wrap img[width],
    .td-footer-template-wrap img[height] {
        max-height: 55px !important;
        max-width: 130px !important;
        width: auto !important;
        height: auto !important;
    }

    /* Fames Automobile logo in footer — make it larger */
    .td-footer-template-wrap .vc_column:first-child img,
    .td-footer-template-wrap .tdc-column:first-child img,
    .td-footer-template-wrap .wpb_column:first-child img,
    .td-footer-template-wrap .td-pb-span3:first-child img {
        max-height: 120px !important;
        max-width: 200px !important;
    }

    /* Footer icon elements (blue squares, clock, pin icons) */
    .td-footer-template-wrap .tdm_block_icon {
        text-align: center !important;
        display: flex !important;
        justify-content: center !important;
        margin: 5px auto 3px !important;
    }

    .td-footer-template-wrap .tdm_block_icon i,
    .td-footer-template-wrap .tdm_block_icon .tdm-icon {
        font-size: 16px !important;
        width: 20px !important;
        height: 20px !important;
        line-height: 20px !important;
    }

    /* Footer divider/separation between sections */
    .td-footer-template-wrap .vc_column+.vc_column,
    .td-footer-template-wrap .tdc-column+.tdc-column,
    .td-footer-template-wrap .wpb_column+.wpb_column {
        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
        margin-top: 5px !important;
    }

    /* Copyright bar at the bottom */
    .td-footer-template-wrap .td-sub-footer-container,
    .td-footer-template-wrap .td-sub-footer,
    .td-sub-footer-wrap {
        text-align: center !important;
        padding: 12px 10px !important;
        font-size: 11px !important;
        background-color: #111218 !important;
    }

    /* ---- NAVIGATION: hide scrollbar, improve readability ---- */
    .td-header-menu-wrap,
    .td-header-menu-wrap .sf-menu,
    .td-header-main-menu {
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        /* Firefox */
        -ms-overflow-style: none;
        /* IE/Edge */
    }

    .td-header-menu-wrap::-webkit-scrollbar,
    .td-header-main-menu::-webkit-scrollbar {
        display: none;
        /* Chrome/Safari */
    }

    /* Menu items: better mobile spacing */
    .sf-menu>li>a {
        padding: 8px 10px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }

    /* ---- FLOATING ELEMENTS: prevent overlapping content ---- */

    /* WhatsApp icon (Click to Chat plugin) - move up to avoid overlapping text */
    .ht_ctc_style,
    .ccw_plugin,
    .ctc_demo_load,
    .joinchat,
    .joinchat__button,
    div[class*="whatsapp"],
    a[class*="whatsapp"],
    div[style*="position:fixed"][style*="bottom"] {
        bottom: 90px !important;
        z-index: 9998 !important;
    }

    /* Language switcher (GTranslate) - fixed on screen like WhatsApp */
    .gtranslate_wrapper,
    div[class*="gtranslate"],
    .gt_float_switcher,
    .gt_switcher-popup {
        position: fixed !important;
        bottom: 10px !important;
        right: 10px !important;
        left: auto !important;
        z-index: 9997 !important;
        transform: scale(0.85) !important;
        transform-origin: bottom right !important;
    }

    /* Back to top arrow */
    .td-scroll-up {
        bottom: 75px !important;
        right: 10px !important;
        z-index: 9996 !important;
    }

    /* ---- HERO: collapse video background that renders as white block ---- */
    /* YouTube video bg row has white ::after overlay, creating empty space */
    .tdc-video-outer-wrapper,
    .tdc-video-parallax-wrapper,
    .tdc-video-inner-wrapper,
    .wpb_video_wrapper,
    .tdc-row-video-background {
        display: none !important;
    }

    /* Hide scroll-down indicators */
    .td-scroll-down-arrow,
    .td-scroll-to-next-row-arrow {
        display: none !important;
    }

    /* Make the white overlay transparent instead of white */
    .tdc-element-style>.td-element-style:after {
        background-color: transparent !important;
    }

    /* ---- HEADINGS: reduce sizes on mobile ---- */
    h1,
    .entry-title,
    .td_module_wrap .entry-title,
    .tdb_title .tdb-title-text,
    .tdm-title-font-size {
        font-size: 24px !important;
        line-height: 1.3 !important;
    }

    h2,
    .td_block_wrap .td-block-title span {
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    h3 {
        font-size: 17px !important;
        line-height: 1.3 !important;
    }

    /* Hero section text */
    .tdb-title-text {
        font-size: 22px !important;
        line-height: 1.3 !important;
    }

    /* ---- TRUST BADGES / GUARANTEE SECTION ---- */
    .td_block_wrap .tdc-row,
    .vc_row .vc_column_container,
    .tdc-row .vc_column {
        flex-direction: column !important;
    }

    /* ---- CAR LISTING CARDS ---- */
    /* Hide redundant small thumbnail in card */
    .td_module_wrap .td-module-thumb-small,
    .td_module_wrap .td-image-container .td-module-thumb-small,
    .tdb_single_post_share .td-post-sharing,
    .wpb_wrapper .td-module-image .td-post-vid-time {
        display: none !important;
    }

    /* Card container: full width, clean look */
    .td_module_wrap,
    .tdb_module_loop,
    .td-module-container {
        margin-bottom: 20px !important;
        overflow: hidden !important;
        border-radius: 10px !important;
        box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Main vehicle image: BIGGER */
    .td_module_wrap .td-module-image,
    .td_module_wrap .td-image-wrap,
    .td_module_wrap .td-module-thumb,
    .tdb_module_loop .td-module-image {
        width: 100% !important;
        min-height: 220px !important;
        overflow: hidden !important;
    }

    .td_module_wrap .td-module-image img,
    .tdb_module_loop .td-module-image img {
        width: 100% !important;
        height: 220px !important;
        object-fit: cover !important;
        display: block !important;
    }

    /* Carousel/slider container: make images fill it */
    .td_module_wrap .slick-list,
    .td_module_wrap .slick-track,
    .td_module_wrap .slick-slide,
    .td_module_wrap .slick-slide>div {
        height: 220px !important;
    }

    .td_module_wrap .slick-slide img {
        width: 100% !important;
        height: 220px !important;
        object-fit: cover !important;
    }

    /* Vehicle title in card */
    .td_module_wrap .entry-title,
    .td-module-title,
    .tdb_module_loop .entry-title {
        font-size: 17px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
        margin: 10px 12px 6px !important;
        text-align: center !important;
    }

    /* Tags (Petrol, Automatic, etc.) */
    .td_module_wrap .td-post-category,
    .td-module-meta-info .td-post-category,
    .tdb_module_loop .td-post-category {
        font-size: 11px !important;
        padding: 3px 10px !important;
        margin: 2px 3px !important;
        border-radius: 12px !important;
    }

    /* Specs row (year, HP, mileage) - compact and centered */
    .td_module_wrap .td-module-meta-info,
    .tdb_module_loop .td-module-meta-info {
        padding: 6px 12px !important;
        text-align: center !important;
        font-size: 13px !important;
    }

    /* Price display - prominent */
    .td_module_wrap .td-post-date,
    .td_module_wrap .td-module-comments {
        font-size: 16px !important;
        font-weight: 700 !important;
    }

    /* Slider dots: limit visibility */
    .slick-dots {
        overflow: hidden !important;
        max-height: 20px !important;
        white-space: nowrap !important;
    }

    .slick-dots li {
        width: 8px !important;
        height: 8px !important;
        margin: 0 2px !important;
    }

    .slick-dots li button:before {
        font-size: 6px !important;
    }

    /* Image gallery dots */
    .td-gallery-slider .td-gallery-slide-count {
        font-size: 11px !important;
    }

    /* Image carousel arrows - properly sized */
    .td_module_wrap .slick-prev,
    .td_module_wrap .slick-next {
        width: 30px !important;
        height: 30px !important;
    }

    /* ---- BODY TEXT: ensure readability ---- */
    body,
    p,
    .td-post-content p,
    .tdb-block-inner p,
    .tdm-descr,
    .tdb-block-inner {
        font-size: 14px !important;
        line-height: 1.6 !important;
        word-wrap: break-word !important;
        overflow-wrap: break-word !important;
    }

    /* ---- PREVENT HORIZONTAL SCROLL ---- */
    html,
    body {
        overflow-x: hidden !important;
        max-width: 100vw !important;
    }

    .td-container,
    .vc_row,
    .tdc-row,
    .wpb_wrapper,
    .td-main-content-wrap,
    .td-page-wrap {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* ---- IMAGES: ensure fit ---- */
    img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* ---- BUTTONS: touch-friendly ---- */
    .td_btn,
    .td-button,
    .tdm-btn,
    a.td_btn,
    a.tdm-btn {
        min-height: 44px !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
    }

    /* ---- FOOTER: prevent text being covered ---- */
    .td-footer-wrapper,
    .td-sub-footer-container {
        padding-bottom: 80px !important;
    }

    /* ---- FOOTER: center all content on mobile ---- */

    /* Force center-align on ALL footer descendants */
    .td-footer-wrapper,
    .td-footer-wrapper * {
        text-align: center !important;
    }

    /* tagDiv page builder blocks in footer */
    .td-footer-wrapper .tdb-block-inner,
    .td-footer-wrapper .tdc-element,
    .td-footer-wrapper .tdb_menu,
    .td-footer-wrapper .tdb_header_menu,
    .td-footer-wrapper [class*="tdi_"],
    .td-footer-wrapper [class*="tdb_"] {
        text-align: center !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    /* Footer nav menu links - use flex centering */
    .td-footer-wrapper ul,
    .td-footer-wrapper .sf-menu,
    .td-footer-wrapper .tdb-block-inner ul,
    .td-footer-wrapper .menu {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        list-style: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center !important;
    }

    /* Sub-menus inside footer too */
    .td-footer-wrapper .sub-menu,
    .td-footer-wrapper ul ul {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding-left: 0 !important;
        position: static !important;
        width: 100% !important;
    }

    .td-footer-wrapper li,
    .td-footer-wrapper .menu-item,
    .td-footer-wrapper .tdb-menu-item,
    .td-footer-wrapper .tdb-block-inner li {
        float: none !important;
        display: block !important;
        width: fit-content !important;
        margin: 0 auto !important;
        text-align: center !important;
        padding-left: 0 !important;
        list-style: none !important;
    }

    .td-footer-wrapper li a,
    .td-footer-wrapper .tdb-menu-item a {
        display: inline-block !important;
        text-align: center !important;
    }

    /* Footer logo links (Logistics Alliance etc.) */
    .td-footer-wrapper .tdb-logo-a,
    .td-footer-wrapper a[class*="logo"],
    .td-footer-wrapper .tdb-logo-wrap {
        display: block !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Footer images and logos - center them */
    .td-footer-wrapper img {
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Footer widget containers - ensure full width and center */
    .td-footer-wrapper .td-pb-span4,
    .td-footer-wrapper .td-pb-span3,
    .td-footer-wrapper .td-pb-span6,
    .td-footer-wrapper .td-pb-span12,
    .td-footer-wrapper .wpb_column,
    .td-footer-wrapper .vc_column_container,
    .td-footer-wrapper .tdc-column {
        width: 100% !important;
        text-align: center !important;
    }

    /* Sub-footer bar (copyright + language) - center everything */
    .td-sub-footer-container,
    .td-sub-footer-container * {
        text-align: center !important;
    }

    .td-sub-footer-container .td-pb-span6,
    .td-sub-footer-container .td-pb-span4,
    .td-sub-footer-container .td-pb-span3,
    .td-sub-footer-container .td-pb-span8,
    .td-sub-footer-container .td-pb-span12 {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }

    /* Copyright text */
    .td-sub-footer-container .td-sub-footer-copy,
    .td-sub-footer-container .td-sub-footer-menu {
        text-align: center !important;
        float: none !important;
        display: block !important;
    }

    /* Sub-footer menu links */
    .td-sub-footer-container .td-sub-footer-menu ul {
        display: flex !important;
        justify-content: center !important;
        flex-wrap: wrap !important;
        padding-left: 0 !important;
    }

    .td-sub-footer-container .td-sub-footer-menu ul li {
        float: none !important;
    }

    /* Language switcher - center it */
    .td-sub-footer-container .gtranslate_wrapper,
    .td-sub-footer-container div[class*="gtranslate"],
    .td-sub-footer-container .gt_float_switcher {
        float: none !important;
        display: block !important;
        text-align: center !important;
        margin: 10px auto !important;
    }

    /* ---- PRICE TAG ---- */
    .td-post-content .td-price,
    .woocommerce .price,
    .amount {
        font-size: 18px !important;
        white-space: nowrap !important;
    }

    /* ---- LISTING TAGS (Petrol, Automatic, etc.) ---- */
    .td-post-content .tagcloud a,
    .td-tags li a,
    .tdb-tags a {
        font-size: 11px !important;
        padding: 3px 8px !important;
        margin: 2px !important;
    }

    /* =================================================================
       TEXT CONSISTENCY FIXES - Mobile
       ================================================================= */

    /* ---- STANDARDIZE SECTION HEADINGS: center all major headings ---- */
    .tdm-title,
    .tdm-title-sm,
    .tdb-title-text,
    .td_block_wrap .td-block-title,
    .td_block_wrap .td-block-title span {
        text-align: center !important;
    }

    /* ---- "HOW IT WORKS" SECTION: fix icon-box horizontal layout ---- */
    /* The actual class is tdm_block_icon_box with tdm-content-horiz-left */
    .tdm_block_icon_box .tdm-icon-box-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* Stack icon above content */
    .tdm_block_icon_box .tdm-col-icon {
        width: auto !important;
        margin: 0 auto 15px auto !important;
        float: none !important;
        text-align: center !important;
        padding-right: 0 !important;
    }

    .tdm_block_icon_box .tdm-col-content {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    .tdm_block_icon_box .tdm-col-content .tdm-title {
        font-size: 20px !important;
        line-height: 1.3 !important;
        text-align: center !important;
    }

    .tdm_block_icon_box .tdm-col-content .tdm-descr {
        text-align: center !important;
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* Also fix tdm_block_icon_text if used elsewhere */
    .tdm_block_icon_text .tdm-icon-text-wrap {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    .tdm_block_icon_text .tdm-icon-wrap,
    .tdm_block_icon_text .tdm-icon {
        display: block !important;
        text-align: center !important;
        margin: 0 auto 15px auto !important;
        float: none !important;
    }

    .tdm_block_icon_text .tdm-descr-wrap,
    .tdm_block_icon_text .tdm-title-wrap {
        width: 100% !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    /* ---- "WHY CHOOSE US?" CARDS: full width on mobile ---- */
    /* Target the inner column containers that constrain card width */
    .tdc-inner-column,
    .tdc-inner-column.td-pb-span3,
    .tdc-inner-column.td-pb-span4,
    .tdc-inner-column.td-pb-span6,
    .tdc-inner-column.td-pb-span8,
    .vc_column_inner.td-pb-span3,
    .vc_column_inner.td-pb-span4 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        flex: 0 0 100% !important;
    }

    .tdm_block_column_content,
    .vc_column_container .vc_column-inner,
    .wpb_column .vc_column-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        box-sizing: border-box !important;
    }

    /* Center content within feature cards */
    .tdm_block_column_content .tdm-col-content-title-url,
    .tdm_block_column_content .tdm-col-content-title,
    .tdm_block_column_content .tdm-title {
        text-align: center !important;
        font-size: 20px !important;
        line-height: 1.3 !important;
    }

    .tdm_block_column_content .tdm-col-content-list,
    .tdm_block_column_content ul {
        width: 100% !important;
        padding-left: 10px !important;
    }

    .tdm_block_column_content li {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    .tdm_block_column_content .tdm-col-content-img,
    .tdm_block_column_content .tdm-col-content-img-wrap {
        text-align: center !important;
        margin: 0 auto !important;
    }

    /* ---- CAR LISTING CARDS: fix vertical text & narrow layout ---- */
    .td-module-container,
    .tdb_module_loop,
    .td_module_wrap {
        min-width: 280px !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Car title: actual class is tdb-module-title */
    .tdb-module-title,
    .tdb-module-title a,
    .td-module-container .entry-title,
    .td-module-container .entry-title a,
    .td_module_wrap .entry-title,
    .td_module_wrap .entry-title a {
        font-size: 16px !important;
        line-height: 1.3 !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
        white-space: normal !important;
        width: 100% !important;
        display: block !important;
    }

    /* Car listing tags: keep inline */
    .tdb-module-term,
    .tdb-sacff-term {
        display: inline-block !important;
        font-size: 11px !important;
        margin: 2px 4px !important;
    }

    /* ---- COUNTER STATS: center ---- */
    /* Actual class is tdm_block_column_title with tdm-content-horiz-left */
    .tdm_block_column_title,
    .tdm_block_column_title .tdm-title-wrap,
    .tdm_block_column_title .tdm-title,
    .tdm_block_counter,
    .tdm_block_counter .tdm-title,
    .tdm_block_counter .tdm-descr {
        text-align: center !important;
        width: 100% !important;
    }

    /* ---- "14-DAY RISK-FREE" / PROMO SECTION: reduce font size ---- */
    .td-stretch-content h2,
    .td-stretch-content h1,
    .td-stretch-content .tdm-title,
    .td-stretch-content .tdm_block_column_title .tdm-title {
        font-size: 22px !important;
        line-height: 1.2 !important;
    }

    .td-stretch-content p,
    .td-stretch-content .tdm-descr {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* ---- GUARANTEE SECTION: center align ---- */
    .td_block_wrap .tdc-row .vc_column .wpb_wrapper,
    .td-pb-span4 .wpb_wrapper {
        text-align: center !important;
    }

    .td_block_wrap .tdc-row .vc_column .wpb_wrapper h3,
    .td_block_wrap .tdc-row .vc_column .wpb_wrapper h4,
    .td-pb-span4 h3,
    .td-pb-span4 h4 {
        text-align: center !important;
        font-size: 18px !important;
        line-height: 1.3 !important;
    }

    .td_block_wrap .tdc-row .vc_column .wpb_wrapper p,
    .td-pb-span4 p {
        text-align: center !important;
        font-size: 14px !important;
    }

    /* ---- GENERAL COLUMN CONTAINERS: ensure full width ---- */
    .vc_column_container,
    .wpb_column,
    .td-pb-span4,
    .td-pb-span6,
    .td-pb-span3,
    .td-pb-span8 {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
    }

    /* ---- INNER ROW CONTAINERS: ensure full width stacking ---- */
    .vc_row.vc_inner,
    .tdc-row .tdc-inner-row {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
    }

    /* ---- CONSISTENT SECTION DESCRIPTIONS ---- */
    .tdm-descr {
        font-size: 14px !important;
        line-height: 1.6 !important;
        text-align: center !important;
    }

    /* ---- HERO SECTION ---- */
    .tdb_title .tdb-title-text {
        text-align: left !important;
        font-size: 26px !important;
        line-height: 1.2 !important;
    }

    /* ---- SECTION SUBTITLES ---- */
    .tds-title2 .tdm-title-url,
    .tds-title1 .tdm-title-url {
        text-align: center !important;
    }
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1023px) {

    h1,
    .tdb-title-text {
        font-size: 28px !important;
        line-height: 1.3 !important;
    }

    .sf-menu>li>a {
        padding: 8px 12px !important;
        font-size: 13px !important;
    }

    /* Floating elements */
    .joinchat,
    .joinchat__button,
    div[class*="whatsapp"] {
        bottom: 60px !important;
    }
}


/* =============================================================================
   HIDE SIGN-IN / LOGIN ELEMENTS
   Visitors do not have accounts - remove all login UI globally
   ============================================================================= */

.td-menu-login-section,
.td-menu-login,
.td-guest-wrap,
#login-link-mob,
#td-login-mob,
.td-login-animation,
.tdb_header_login {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
}


/* =============================================================================
   DESKTOP FIXES (min-width: 1141px)
   ============================================================================= */

@media (min-width: 1141px) {

    /* --- Hide duplicate floating language selector on desktop --- */
    /* The header already has a language selector; no need for floating one */
    #gt_float_wrapper {
        display: none !important;
    }

    /* --- Partner Logos: uniform height across the row --- */
    .tdc-row .tdm-col img {
        max-height: 50px !important;
        width: auto !important;
        height: auto !important;
        object-fit: contain !important;
        vertical-align: middle !important;
    }
}