/**
 * TRIO LEGAL & CO - Black & White Theme Override
 * Minimal, professional monochromatic design matching logo
 */

/* Color variables */
:root {
    --bw-primary: #000000;
    --bw-dark: #111111;
    --bw-darker: #1a1a1a;
    --bw-light: #f5f5f5;
    --bw-mid: #555555;
    --bw-mid-light: #777777;
    --bw-border: #787878;
}

/* Typography - Serif for headings (matches TRIO logo) */
h1, h2, h3, h4, h5, h6,
.section-title h1,
.hero-content h1 {
    color: var(--bw-border) !important;
    font-family: Georgia, 'Times New Roman', serif !important;
}

/* Header */
.header-menu ul li a { color: var(--bw-mid) !important; }
.header-menu ul li a:hover,
.header-menu ul li a:hover i { color: var(--bw-primary) !important; }
.header-menu ul li a::before { background: var(--bw-primary) !important; }
.header-menu ul li .sub-menu { background: var(--bw-primary) !important; }
.header-menu ul li .sub-menu li a { border-color: var(--bw-primary) !important; }
.header-menu ul li .sub-menu li a:hover {
    background: #fff !important;
    color: var(--bw-primary) !important;
    border-color: var(--bw-primary) !important;
}

/* Buttons */
.Dreamhub-button a {
    color: #fff !important;
    border-color: var(--bw-primary) !important;
}
.Dreamhub-button a:before { background: var(--bw-primary) !important; }
.Dreamhub-button a:hover { color: var(--bw-primary) !important; }
.Dreamhub-button a:hover i { color: var(--bw-primary) !important; }

/* Hero */

.hero-content h1,
.hero-content p { color: #fff !important; }
.hero-content-tow { background: var(--bw-light) !important; }
.hero-content-tow h4 { color: var(--bw-primary) !important; }
.expriance-content { background: var(--bw-primary) !important; }

/* Counter */
.counter-box { background: var(--bw-light) !important; }
.counter-box-iocn img,
.counter-area .counter-box-iocn img {
    filter: brightness(0) !important;
}
.counter-box:before { background: var(--bw-primary) !important; }
.counter-box:hover .counter-content h4,
.counter-box:hover .counter-content span { color: var(--bw-primary) !important; }
.counter-content h4:before,
.counter-content h4:after { background: var(--bw-primary) !important; }
.counter-content span { color: var(--bw-dark) !important; }

/* Practice area */
.practice-area { background: var(--bw-dark) !important; }
.single-practice-box { border-color: #333 !important; }
.single-practice-box:before { background: var(--bw-primary) !important; }
.practice-content p { color: #999 !important; }

/* Section titles (dark sections) */
.practice-area .section-title h1,
.practice-area .section-title p,
.testi-area .section-title p { color: #fff !important; }
.testi-area .section-title h1 { color: #fff !important; }

/* Team */
.team-area .section-title h1 { color: var(--bw-primary) !important; }
.team-area .section-title p { color: var(--bw-mid) !important; }
.team-social-icon {
    background: linear-gradient(135deg, var(--bw-dark) 0%, #333 100%) !important;
}
.team-social-icon ul li i { background: var(--bw-primary) !important; }
.team-social-icon ul li i:hover { background: #333 !important; }
.team-content { box-shadow: 0 0 23px rgba(0,0,0,0.08) !important; }
.team-content h4 a { color: var(--bw-primary) !important; }
.single-team-box:hover .team-content h4 a { color: #333 !important; }

/* Owl carousel */
.owl-prev i,
.owl-next i { border-color: var(--bw-primary) !important; color: var(--bw-primary) !important; }
.owl-prev i:hover { background: var(--bw-primary) !important; color: #fff !important; }
.owl-next i { background: var(--bw-primary) !important; color: #fff !important; }
.owl-next i:hover { background: transparent !important; color: var(--bw-primary) !important; }

/* Testimonial */
.testi-area { background: linear-gradient(180deg, var(--bw-dark) 0%, #222 100%) !important; }
.quote-icon i { color: #888 !important; }

/* Blog */
.blog-area .section-title h1 { color: var(--bw-primary) !important; }
.blog-area .section-title p { color: var(--bw-mid) !important; }
.blog-content { background: var(--bw-light) !important; }
.blog-content h4.title a { color: var(--bw-primary) !important; }
.single-blog-box:hover .blog-content h4.title a { color: #333 !important; }
.meta-blog span i { color: var(--bw-primary) !important; }

/* Subscribe */
.subscribe-area .row.add-bg { background: var(--bw-primary) !important; }
.subscribe-form button { background: var(--bw-dark) !important; }

/* Footer */
.footer-area { background: linear-gradient(180deg, var(--bw-dark) 0%, #000 100%) !important; }
.footer-social-icon ul li i { background: #333 !important; }
.footer-social-icon ul li i:hover { background: #fff !important; color: var(--bw-primary) !important; }
.footer-widget-menu ul li a:hover,
.footer-widget-menu ul li a:hover i { color: #fff !important; }
.infor-icon i { background: #333 !important; }
.infor-icon i:hover { background: #fff !important; color: var(--bw-primary) !important; }

/* Breadcrumb */
.bradcumb-area { background: linear-gradient(180deg, var(--bw-dark) 0%, #222 100%) !important; }

/* Forms & inputs */
input:focus,
button:focus,
textarea:focus { outline-color: var(--bw-primary) !important; }

/* Selection */
::selection,
::-moz-selection {
    background: #e0e0e0 !important;
    color: var(--bw-primary) !important;
}
/* Meanmenu mobile */
.mean-container .mean-bar { background: var(--bw-primary) !important; }
.mean-container .mean-nav { background: var(--bw-dark) !important; }

/* Loader */
.loader { border-top-color: var(--bw-primary) !important; }
.loader::before { border-left-color: var(--bw-primary) !important; }

/* Scroll to top */
.scroll-area .go-top,
.top-wrap .go-top-button { background: var(--bw-primary) !important; }

/* Service, portfolio, pricing, etc. */
.service-box:before,
.service-box:hover h4,
.service-box:hover p,
.service-box:hover a.service-button { color: #fff !important; }
.service-box:before { background: var(--bw-primary) !important; }
.service-box:hover .icon-box img { filter: brightness(0) invert(1) !important; }

.widget-categories-menu ul li { border-color: var(--bw-primary) !important; }
.widget-categories-menu ul li a { color: var(--bw-primary) !important; }
.widget-categories-menu ul li:before { background: var(--bw-primary) !important; }
.widget-categories-menu ul li:hover a { color: #fff !important; }
.widget_search input { border-color: var(--bw-primary) !important; }
button.icons { background: var(--bw-primary) !important; }

.portfolio_menu ul li { background: var(--bw-dark) !important; }
.portfolio_menu ul li:before { background: var(--bw-primary) !important; }
li.current_menu_item { background: var(--bw-primary) !important; }
.poftolio-content h6 { color: var(--bw-primary) !important; }
.signle-portfolio-thumb:before { background: rgba(0,0,0,0.6) !important; }

.pricing-head-title h4 { background: var(--bw-primary) !important; }
.price-featur ul li:before { background: var(--bw-primary) !important; }
.picing-button a { border-color: var(--bw-primary) !important; background: var(--bw-primary) !important; }

.accordion h3 { color: var(--bw-primary) !important; }
.contact-infor-icon i { background: var(--bw-primary) !important; }
.contact-form button { background: var(--bw-primary) !important; }