/* Custom Accent Color additions for Trinity Theme */
/* Using #F9A31A to provide a vibrant amber highlight */

/* Hero highlight text */
.hero-headline .highlight {
    color: #F9A31A !important;
}

/* Quote button in header */
.btn-quote {
    background: linear-gradient(135deg, #F9A31A 0%, #e68d00 100%) !important;
    box-shadow: 0 3px 12px rgba(249, 163, 26, 0.28) !important;
    color: #fff !important;
}

.btn-quote:hover {
    box-shadow: 0 7px 22px rgba(249, 163, 26, 0.38) !important;
}

/* Desktop Navigation Hover and Active State
.nav-list > li > a:hover,
.nav-list > li.current-menu-item > a,
.nav-list > li.current-menu-ancestor > a {
    color: #F9A31A !important;
}

.nav-list > li.current-menu-item:not(.menu-item-has-children) > a::after {
    background: #F9A31A !important;
}

.nav-list ul li a:hover::before {
    background: #F9A31A !important;
} */

/* Primary buttons */
.btn-primary {
    background: linear-gradient(135deg, #F9A31A 0%, #e68d00 100%) !important;
    box-shadow: 0 3px 12px rgba(249, 163, 26, 0.28) !important;
    border: none !important;
}

.btn-primary:hover {
    box-shadow: 0 7px 22px rgba(249, 163, 26, 0.38) !important;
}

/* Outline Buttons Hover */
.btn-outline:hover {
    background: #F9A31A !important;
    border-color: #F9A31A !important;
    color: #fff !important;
}

/* Service Icons */
.service-icon-wrap svg {
    fill: #F9A31A !important;
}

/* Service Card Numbers */
.service-card-num {
    color: #F9A31A !important;
}

/* Service Card Link Hover */
.service-card-link:hover {
    color: #F9A31A !important;
}
.service-card-link:hover svg {
    fill: #F9A31A !important;
}

/* Hero Trust Icons */
.hero-trust-item svg {
    fill: #F9A31A !important;
}

/* Hero Stat Icons */
.hero-stat-icon svg {
    fill: #F9A31A !important;
}

/* Section Tag */
.section-tag {
    color: #F9A31A !important;
    background: rgba(249, 163, 26, 0.1) !important;
}

.section-tag::before{
    background: #F9A31A !important;
}
/* Divider */
.divider {
    background: #F9A31A !important;
}

/* Top bar text link hovers */
.top-bar-item a:hover {
    color: #F9A31A !important;
}
.top-bar-item svg {
    fill: #F9A31A !important;
}

/* ========================================================
   Custom Red Color Usage for About & Services Pages
   ======================================================== */

body.is-page-about .hero-headline .highlight,
body.is-page-services .hero-headline .highlight,
body.is-page-sea-freight .hero-headline .highlight,
body.is-page-air-freight .hero-headline .highlight,
body.is-page-road-freight .hero-headline .highlight,
body.is-page-exhibition-services .hero-headline .highlight,
body.is-page-customs-clearance .hero-headline .highlight,
body.is-page-consultancy .hero-headline .highlight {
    color: #E63946 !important;
}

body.is-page-about .btn-primary,
body.is-page-services .btn-primary,
body.is-page-sea-freight .btn-primary,
body.is-page-air-freight .btn-primary,
body.is-page-road-freight .btn-primary,
body.is-page-exhibition-services .btn-primary,
body.is-page-customs-clearance .btn-primary,
body.is-page-consultancy .btn-primary {
    background: linear-gradient(135deg, #E63946 0%, #D62828 100%) !important;
    box-shadow: 0 3px 12px rgba(230, 57, 70, 0.28) !important;
}

body.is-page-about .section-tag,
body.is-page-services .section-tag,
body.is-page-sea-freight .section-tag,
body.is-page-air-freight .section-tag,
body.is-page-road-freight .section-tag,
body.is-page-exhibition-services .section-tag,
body.is-page-customs-clearance .section-tag,
body.is-page-consultancy .section-tag {
    color: #E63946 !important;
    background: rgba(230, 57, 70, 0.1) !important;
}

body.is-page-about .section-tag::before,
body.is-page-services .section-tag::before,
body.is-page-sea-freight .section-tag::before,
body.is-page-air-freight .section-tag::before,
body.is-page-road-freight .section-tag::before,
body.is-page-exhibition-services .section-tag::before,
body.is-page-customs-clearance .section-tag::before,
body.is-page-consultancy .section-tag::before {
    background: #E63946 !important;
}

body.is-page-about .service-icon-wrap svg,
body.is-page-services .service-icon-wrap svg,
body.is-page-sea-freight .service-icon-wrap svg,
body.is-page-air-freight .service-icon-wrap svg,
body.is-page-road-freight .service-icon-wrap svg,
body.is-page-exhibition-services .service-icon-wrap svg,
body.is-page-customs-clearance .service-icon-wrap svg,
body.is-page-consultancy .service-icon-wrap svg {
    fill: #E63946 !important;
}

body.is-page-about .service-card-num,
body.is-page-services .service-card-num,
body.is-page-sea-freight .service-card-num,
body.is-page-air-freight .service-card-num,
body.is-page-road-freight .service-card-num,
body.is-page-exhibition-services .service-card-num,
body.is-page-customs-clearance .service-card-num,
body.is-page-consultancy .service-card-num {
    color: #E63946 !important;
}

body.is-page-about .divider,
body.is-page-services .divider,
body.is-page-sea-freight .divider,
body.is-page-air-freight .divider,
body.is-page-road-freight .divider,
body.is-page-exhibition-services .divider,
body.is-page-customs-clearance .divider,
body.is-page-consultancy .divider {
    background: #E63946 !important;
}