/*
Theme Name:  Techwiz Blogus Child
Theme URI:   https://techwizcr.com
Description: Child theme for Blogus (ThemeanSar). Applies Techwiz Computer Repairs branding — red #e63946, navy #1a1a2e — without modifying the parent theme. Safe to update Blogus at any time.
Author:      Techwiz Computer Repairs
Author URI:  https://techwizcr.com
Template:    blogus
Version:     1.0.0
License:     GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags:        child-theme, techwiz
Text Domain: techwiz-blogus-child
*/

/* ============================================================
   TECHWIZ BRAND COLOUR OVERRIDES FOR BLOGUS
   All custom CSS lives here — parent theme is untouched.
   ============================================================ */

/* ── CSS custom properties ─────────────────────────────────── */
:root {
  --tw-red:     #e63946;
  --tw-red-dk:  #c0282f;
  --tw-navy:    #1a1a2e;
  --tw-dark:    #111122;
  --tw-light:   #f5f7fa;
  --tw-grey:    #e8ecf0;
  --tw-text:    #333333;
  --tw-muted:   #666666;
}

/* ── Global links ──────────────────────────────────────────── */
a                        { color: var(--tw-red); }
a:hover, a:focus         { color: var(--tw-red-dk); }

/* ── Site header ───────────────────────────────────────────── */
.site-header,
.blogus-header           { border-bottom: 3px solid var(--tw-red) !important; }

/* ── Top bar ───────────────────────────────────────────────── */
.top-bar,
.blogus-top-bar,
#topbar                  { background: var(--tw-navy) !important; color: #aaaaaa; }
.top-bar a,
.blogus-top-bar a        { color: #cccccc; }
.top-bar a:hover         { color: #ffffff; }

/* ── Primary navigation ────────────────────────────────────── */
.main-navigation,
.blogus-main-nav,
.blogus-nav,
#site-navigation         { background: var(--tw-navy) !important; }

.main-navigation a       { color: #dddddd !important; }

.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
  color: #ffffff !important;
  border-bottom-color: var(--tw-red) !important;
}

/* Dropdown sub-menus */
.main-navigation .sub-menu,
.main-navigation ul ul   { background: var(--tw-dark) !important; border-top: 2px solid var(--tw-red); }
.main-navigation .sub-menu a { color: #cccccc !important; border-bottom: none !important; }
.main-navigation .sub-menu a:hover { color: #ffffff !important; background: rgba(230,57,70,0.15); }

/* Contact nav item — always red */
.main-navigation .menu-item:last-child > a { color: var(--tw-red) !important; font-weight: 600; }

/* Mobile menu toggle */
.menu-toggle             { background: var(--tw-navy) !important; color: #ffffff !important; border-color: var(--tw-red) !important; }

/* ── Section heading accent bars ────────────────────────────── */
.section-title::before,
.widget-title::before,
.blogus-section-title::before { background: var(--tw-red) !important; }

.section-title,
.blogus-section-title    { color: var(--tw-navy) !important; }

/* ── Sidebar widget titles ──────────────────────────────────── */
.widget-title,
.blogus-widget-title     {
  background:    var(--tw-navy) !important;
  color:         #ffffff !important;
  padding:       10px 14px !important;
  border-radius: 4px 4px 0 0;
}

/* ── Post category & tag badges ─────────────────────────────── */
.post-category a,
.cat-links a,
.blogus-category a,
.post-tag a              { background: var(--tw-red) !important; color: #ffffff !important; }

/* ── Buttons ────────────────────────────────────────────────── */
.btn-primary,
.blogus-btn,
.blogus-btn-primary,
.wp-block-button__link,
button[type="submit"],
input[type="submit"]     { background: var(--tw-red) !important; border-color: var(--tw-red) !important; color: #ffffff !important; }

.btn-primary:hover,
.wp-block-button__link:hover,
button[type="submit"]:hover { background: var(--tw-red-dk) !important; border-color: var(--tw-red-dk) !important; }

/* ── Pagination ─────────────────────────────────────────────── */
.page-numbers.current,
.nav-links .current      { background: var(--tw-red) !important; border-color: var(--tw-red) !important; color: #ffffff !important; }
.page-numbers:hover      { color: var(--tw-red) !important; border-color: var(--tw-red) !important; }

/* ── Post meta accents ──────────────────────────────────────── */
.blogus-post-meta a:hover { color: var(--tw-red) !important; }
.blogus-read-more a       { color: var(--tw-red) !important; }
.blogus-read-more a:hover { color: var(--tw-red-dk) !important; }

/* ── Footer ─────────────────────────────────────────────────── */
.site-footer,
.blogus-footer,
#colophon                { background: var(--tw-dark) !important; color: #778899; }

.site-footer a,
.blogus-footer a         { color: #778899; }
.site-footer a:hover     { color: var(--tw-red) !important; }

.site-footer .widget-title { border-left: 3px solid var(--tw-red); background: transparent !important; color: #ffffff !important; padding-left: 10px !important; }

.site-footer .footer-bottom,
.blogus-footer-bottom    { background: rgba(0,0,0,0.3); border-top: 1px solid rgba(255,255,255,0.06); color: #445566; font-size: 13px; }

/* ── Breadcrumbs ─────────────────────────────────────────────── */
.breadcrumb a,
.blogus-breadcrumb a     { color: var(--tw-red) !important; }

/* ── Forms (WPForms) ────────────────────────────────────────── */
.wpforms-submit-container .wpforms-submit { background: var(--tw-red) !important; border-color: var(--tw-red) !important; }
.wpforms-submit:hover    { background: var(--tw-red-dk) !important; }
.wpforms-field-label     { color: var(--tw-navy) !important; font-weight: 600; }
.wpforms-field input:focus,
.wpforms-field textarea:focus,
.wpforms-field select:focus { border-color: var(--tw-red) !important; outline-color: var(--tw-red) !important; }

/* ── Yoast breadcrumbs ──────────────────────────────────────── */
#breadcrumbs a,
.yoast-breadcrumb a      { color: var(--tw-red) !important; }

/* ── Scroll-to-top button ───────────────────────────────────── */
#scroll-to-top,
.blogus-scroll-top       { background: var(--tw-red) !important; }

/* ── Hero / page header ─────────────────────────────────────── */
.page-header,
.blogus-page-header      { background: var(--tw-navy) !important; }
.page-header .page-title { color: #ffffff !important; }

/* ── Trust bar utility class ────────────────────────────────── */
.tw-trust-bar {
  background:    var(--tw-light);
  border-bottom: 1px solid var(--tw-grey);
  padding:       10px 24px;
  display:       flex;
  gap:           32px;
  align-items:   center;
  justify-content: center;
  flex-wrap:     wrap;
  font-size:     13px;
  color:         var(--tw-muted);
}
.tw-trust-bar .dashicons { color: var(--tw-red); margin-right: 5px; }

/* ── Price badge utility class ──────────────────────────────── */
.tw-price { color: var(--tw-red); font-weight: 700; }

/* ── CTA section utility class ──────────────────────────────── */
.tw-cta-dark {
  background: var(--tw-navy);
  color:      #ffffff;
  padding:    48px 24px;
  text-align: center;
}
.tw-cta-dark h2 { color: #ffffff; margin-bottom: 12px; }
.tw-cta-dark p  { color: #8899aa; margin-bottom: 24px; }

/* ── Mobile tweaks ──────────────────────────────────────────── */
@media (max-width: 768px) {
  .top-bar     { font-size: 11px; padding: 4px 12px; }
  .site-header { padding: 0 12px; }
}
@media (max-width: 480px) {
  .top-bar     { display: none; }
}