/*
Theme Name: Transportex Child - Zwart Oranje
Theme URI: https://tachograafservice.nl
Description: Child theme voor Transportex met zwart/oranje branding voor Tachograaf Service Nederland
Author: Tachograaf Service
Author URI: https://tachograafservice.nl
Template: transportex
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: transportex-child
*/

/* ============================================
   TACHOGRAAF SERVICE - ZWART/ORANJE BRANDING
   Gebaseerd op bedrijfsbus branding
   ============================================ */

:root {
    --primary-black: #1a1a1a;
    --secondary-black: #2d2d2d;
    --primary-orange: #FFA500;
    --accent-orange: #FFB100;
    --white: #ffffff;
}

/* HEADER - ZWART */
.site-header,
header,
.header-area,
.main-header {
    background-color: var(--primary-black) !important;
    border-bottom: 3px solid var(--primary-orange) !important;
}

.top-bar,
.header-top {
    background-color: var(--secondary-black) !important;
    color: var(--white) !important;
}

/* NAVIGATIE - WIT MET ORANJE HOVER */
.main-navigation a,
.nav-menu a,
.menu a {
    color: var(--white) !important;
}

.main-navigation a:hover,
.nav-menu a:hover {
    color: var(--primary-orange) !important;
}

.main-navigation .current-menu-item > a {
    color: var(--primary-orange) !important;
}

/* BUTTONS - ORANJE */
.btn,
.button,
.wp-block-button__link,
input[type="submit"],
.elementor-button {
    background-color: var(--primary-orange) !important;
    color: var(--primary-black) !important;
    border-radius: 50px !important;
    padding: 12px 30px !important;
    font-weight: 700 !important;
}

.btn:hover,
.button:hover {
    background-color: var(--accent-orange) !important;
    transform: translateY(-3px) !important;
}

/* HERO - ZWART */
.hero,
.banner,
.page-banner {
    background: linear-gradient(135deg, var(--primary-black) 0%, var(--secondary-black) 100%) !important;
    color: var(--white) !important;
}

/* SERVICE BOXES - DONKERGRIJS */
.service-box,
.feature-box,
.icon-box {
    background-color: var(--secondary-black) !important;
    color: var(--white) !important;
    border: 3px solid transparent !important;
    border-radius: 12px !important;
}

.service-box:hover {
    border-color: var(--primary-orange) !important;
    transform: translateY(-10px) !important;
}

.service-icon,
.feature-icon {
    color: var(--primary-orange) !important;
}

/* LINKS - ORANJE */
a {
    color: var(--primary-orange) !important;
}

a:hover {
    color: var(--accent-orange) !important;
}

/* FOOTER - ZWART */
footer,
.site-footer {
    background-color: var(--primary-black) !important;
    color: var(--white) !important;
    border-top: 4px solid var(--primary-orange) !important;
}

footer h1,
footer h2,
footer h3 {
    color: var(--white) !important;
    border-bottom: 2px solid var(--primary-orange) !important;
}

footer a {
    color: var(--white) !important;
}

footer a:hover {
    color: var(--primary-orange) !important;
}

/* BADGES - ORANJE */
.badge,
.label {
    background-color: var(--primary-orange) !important;
    color: var(--primary-black) !important;
}

/* TELEFOON - GROOT EN ORANJE */
.phone-number,
a[href^="tel:"] {
    color: var(--primary-orange) !important;
    font-size: 1.5rem !important;
    font-weight: 700 !important;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .btn,
    .button {
        padding: 15px 25px !important;
    }
}

/* ============================================
   VERBERG FOOTER CREDITS & WORDPRESS BRANDING
   Plak dit onderaan je style.css
   ============================================ */

/* Verberg "Proudly powered by WordPress" */
.site-info,
.footer-credits,
.footer-copyright,
.copyright,
footer .site-info,
.site-footer .site-info {
    display: none !important;
    visibility: hidden !important;
}

/* Verberg theme credits */
.theme-credits,
.footer-credits,
.powered-by {
    display: none !important;
}

/* Verberg specifieke tekst patronen */
.site-info p,
.site-info span,
footer p:contains("WordPress"),
footer p:contains("Theme:"),
footer p:contains("Themeansar") {
    display: none !important;
}

/* Als er meerdere footer rows zijn, verberg de laatste */
.footer-bottom,
.site-footer-bottom {
    display: none !important;
}

/* ============================================
   EINDE - Footer credits verborgen
   ============================================ */