/**
Theme Name: Logisko Child
Theme URI: https://wp.dynamiclayers.net/logisko
Author: DynamicLayers
Author URI: https://themeforest.net/user/dynamiclayers
Description: A child theme of the Logisko - Transportation & Logistics WordPress theme.
Requires at least: 5.0
Tested up to: 6.6
Requires PHP: 7.4
Version: 1.0.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: logisko
Template: logisko
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* ============================================
REDDY TRANZ LTD - LOGISKO CHILD THEME
Brand Colors: Navy #2e3092 | Red #c92233
============================================ */

/* --- 1. CSS Variable Overrides --- */
:root {
    --logisko-primary-color: #c92233 !important;
    --logisko-bg-dark: #2e3092 !important;
}

/* --- 2. Logo Override (all states) --- */
.site-logo img,
.site-logo img.is-sticky-logo,
.site-logo img.sticky-logo {
    content: url('https://reddytranz.co.nz/wp-content/uploads/2019/10/Reddy-Tranz.png');
    max-height: 55px;
    width: auto;
    max-width: 180px;
}

/* --- 3. Header Colors --- */
.navigation-wrapper,
.header-wrapper {
    background-color: #2e3092 !important;
}
.main-header-items,
.main-header-items::before {
    background-color: #2e3092 !important;
}
.main-header-items::after {
    background-color: #c92233 !important;
}
.navigation-wrap,
.navigation-menu {
    background-color: #2e3092 !important;
}

/* --- 4. Topbar --- */
.top-header {
    background-color: #1a1e5a !important;
    display: flex !important;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}
.rt-topbar-contact a {
    color: rgba(255,255,255,0.9) !important;
    text-decoration: none;
}
.rt-topbar-contact a:hover {
    color: #c92233 !important;
}

/* --- 5. Navigation Links --- */
.main-menu > li > a,
.navigation-menu > ul > li > a {
    color: #ffffff !important;
}
.main-menu > li > a:hover,
.main-menu > li.current-menu-item > a,
.main-menu > li.current-menu-ancestor > a {
    color: #c92233 !important;
}

/* --- 6. Buttons & CTAs --- */
.wp-block-button__link,
a.button,
.btn,
.dl-btn,
[class*="btn-primary"] {
    background-color: #c92233 !important;
    border-color: #c92233 !important;
    color: #ffffff !important;
}
.wp-block-button__link:hover,
a.button:hover,
.btn:hover,
.dl-btn:hover {
    background-color: #2e3092 !important;
    border-color: #2e3092 !important;
}

/* --- 7. Accent Elements --- */
.dl-icon-box .icon-box-icon,
.dl-service-box .service-icon,
[class*="accent"],
.dl-subtitle::before,
.dl-subtitle::after {
    color: #c92233 !important;
    border-color: #c92233 !important;
}

/* --- 8. Links --- */
a {
    color: #c92233;
}
a:hover {
    color: #2e3092;
}
::selection {
    background-color: #c92233;
    color: #ffffff;
}

/* --- 9. HIDE Page Banner on Homepage --- */
body.home .page-banner,
body.home .page-banner-inner,
body.home .page-banner-section,
body.home .page-banner-wrapper,
body.home .page-header-banner,
body.home .page-header-title,
body.home .entry-header,
body.page-id-30 .page-banner,
body.page-id-30 .page-banner-inner,
body.page-id-30 .page-banner-wrapper {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* --- 10. Remove gap between header and content on homepage --- */
body.home .site-content,
body.home #content,
body.home #primary {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
body.home .entry-content,
body.home .post-content,
body.home article.hentry {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* --- 11. Inner page banner colors --- */
.page-banner,
.page-banner-inner {
    background-color: #2e3092 !important;
}
.page-banner .page-title,
.page-banner h1 {
    color: #ffffff !important;
}

/* --- 12. Footer --- */
.site-footer,
.footer-wrapper,
.footer-widgets-area {
    background-color: #1a1e5a !important;
}
.footer-copyright,
.copyright-wrapper {
    background-color: #2e3092 !important;
    color: #ffffff !important;
}
.footer-copyright a,
.copyright-wrapper a {
    color: rgba(255,255,255,0.7) !important;
}
.footer-copyright a:hover,
.copyright-wrapper a:hover {
    color: #c92233 !important;
}

/* --- 13. Sticky Header --- */
.sticky-header .navigation-wrapper,
.header-wrapper.sticky-active {
    background-color: #2e3092 !important;
    box-shadow: 0 2px 20px rgba(0,0,0,0.15) !important;
}

/* --- 14. Search icon --- */
.header-search-icon,
.popup-search-trigger {
    color: #ffffff !important;
}

/* --- 15. Scroll to top button --- */
#ast-scroll-top {
    font-size: 20px !important;
    width: 42px !important;
    height: 42px !important;
    line-height: 42px !important;
    bottom: 20px !important;
    right: 20px !important;
}
/* --- 15. Fix homepage top gap (section.wrapper has 100px padding-top by default) --- */
body.home section.wrapper,
body.page-id-30 section.wrapper {
    padding-top: 0 !important;
}

/* Hide redundant hero row on homepage (replaced by rt-hero slider) */
body.home .vc_row.homepage.hero.hero-one { display: none !important; }
