/**
* Theme Name: Nika Child
* Description: This is a child theme for Nika
* Author: Thembay
* Author URI: https://thembay.com/
* Version: 2.1.0
* Template: nika
*/


/*  [ Add your custom css below ]
- - - - - - - - - - - - - - - - - - - - */

/* ========================================================================
   ReddyDoc — header additions (GMC prep, 2026-08)
   Slim topbar (phone/email/tagline), skip-to-content, My Account link
   ======================================================================== */

.reddy-skip-link {
    position: absolute;
    left: -9999px;
    top: -9999px;
    z-index: 999999;
    background: #EE3D0C;
    color: #fff;
    padding: 10px 16px;
    text-decoration: none;
    font-weight: 600;
}
.reddy-skip-link:focus {
    left: 12px;
    top: 12px;
    outline: 2px solid #fff;
    outline-offset: 2px;
}

/* Topbar strip above the main header — thin, dark, contact-focused */
.reddy-topbar {
    background: #1a1a1a;
    color: #e6e6e6;
    font-size: 13px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}
.reddy-topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
.reddy-topbar-left {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}
.reddy-topbar-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e6e6e6;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    transition: color .15s ease;
}
.reddy-topbar-item:hover,
.reddy-topbar-item:focus { color: #EE3D0C; }
.reddy-topbar-item svg   { color: #EE3D0C; flex-shrink: 0; }
.reddy-topbar-note       { color: #a0a0a0; white-space: nowrap; }

@media (max-width: 767px) {
    .reddy-topbar-note { display: none; }
    .reddy-topbar-left { gap: 14px; }
    .reddy-topbar-item { font-size: 12px; }
}

/* My Account button in main header tools */
.reddy-header-account {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    text-decoration: none;
    color: #1a1a1a;
    font-weight: 600;
    font-size: 14px;
    padding: 8px 10px;
    border-radius: 4px;
    transition: color .15s ease, background .15s ease;
    white-space: nowrap;
}
.reddy-header-account:hover,
.reddy-header-account:focus {
    color: #EE3D0C;
    background: rgba(238, 61, 12, .06);
}
.reddy-header-account svg          { color: #EE3D0C; flex-shrink: 0; }
/* Always icon-only in header — the person icon is universally understood
   and keeping "Sign In"/"Account" text visible squeezed the nav so much
   that "Home" got clipped. Text is exposed via aria-label + tooltip. */
.reddy-header-account-text         { display: none; }
.reddy-header-account              { padding: 8px; }

.reddy-header-tools { gap: 4px; }