/* ===========================================================================
 *  TechAmerica (techamerica.ai) — site additions
 *
 *  Designed and developed by OASIS
 *    Web      https://oasis.ind.in
 *    Email    info@oasis.ind.in
 *  (c) 2026 OASIS. All rights reserved.
 * ===========================================================================
 *  Loaded after the design's own stylesheet on every page. Only what the
 *  CMS adds to the design lives here: the TechAmerica logo in place of the
 *  design's text wordmark, the pager's "…" gap, sub-category chips, author
 *  and team headers, page prose, the contact form, search on list pages and
 *  article-body extras (tables, embeds). Everything else is the design.
 * ======================================================================== */

/* ---- Logo (white on the black bar; dark in the light footer) ---- */
.logo-img{display:block;width:auto;height:40px;max-width:none}
header.site .logo-img{height:40px}
@media (max-width:1139px){header.site .logo-img{height:36px}}
@media (max-width:599px){header.site .logo-img{height:32px}}
.foot-logo{display:inline-flex}
.foot-logo .logo-img{height:44px}
.foot-logo .logo-white{display:none}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ta-home .foot-logo .logo-dark,:root:not([data-theme="light"]) .ta-page .foot-logo .logo-dark{display:none}:root:not([data-theme="light"]) .ta-home .foot-logo .logo-white,:root:not([data-theme="light"]) .ta-page .foot-logo .logo-white{display:block}}
:root[data-theme="dark"] .foot-logo .logo-dark{display:none}
:root[data-theme="dark"] .foot-logo .logo-white{display:block}

/* ---- Honeypot fields of the forms ---- */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0}

/* ---- Search link in the inner header (same look as the Menu button) ---- */
header.site .search-link{text-decoration:none}
@media (min-width:1140px){header.site .search-link{display:inline-flex}}

/* ---- Pager gap ---- */
.pager .gap{display:inline-flex;align-items:center;justify-content:center;min-width:28px;color:var(--muted)}

/* ---- Sub-category chips on a category page ---- */
.sub-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.sub-cats a{display:inline-flex;align-items:center;min-height:36px;padding:6px 14px;border:1px solid var(--line-strong);border-radius:999px;font-size:var(--t-15,.9375rem);color:var(--fg)}
.sub-cats a:hover{border-color:var(--fg)}
.sub-cats a[aria-current="page"]{background:var(--fg);color:var(--bg);border-color:var(--fg)}

/* ---- Intro text of a category / tag / author page ---- */
.cat-intro p{margin:0 0 .6em}
.cat-intro p:last-child{margin-bottom:0}
.cat-intro a{text-decoration:underline;text-underline-offset:2px}
.cat-empty{padding:24px 0;color:var(--muted)}

/* ---- Author page header ---- */
.author-head{display:flex;align-items:center;gap:16px;margin-bottom:12px}
.author-head .role{color:var(--muted);font-size:var(--t-15,.9375rem);margin:0}
.avatar-img{border-radius:50%;object-fit:cover;background:var(--alt);flex:0 0 auto}
.author-head .avatar-img{width:96px;height:96px}
.author-head .avatar.lg{width:96px;height:96px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--alt);font-weight:700;font-size:28px}
.author-box img.avatar{width:56px;height:56px;border-radius:50%;object-fit:cover}

/* ---- Team page ---- */
.team-list{list-style:none;margin:0;padding:0;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.team-card{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid var(--line);border-radius:10px;min-height:96px}
.team-card:hover{border-color:var(--fg)}
.team-card .avatar-img{width:64px;height:64px}
.team-card .avatar{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--alt);font-weight:700;flex:0 0 64px}
.team-card b{display:block;font-size:17px}
.team-card small{display:block;color:var(--muted);font-size:14px;margin-top:2px}

/* ---- Search box on the search page ---- */
.cat-search{display:flex;gap:8px;margin-top:16px;max-width:640px}
.cat-search input{flex:1;min-width:0;min-height:48px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;font:inherit;font-size:17px;background:var(--bg);color:var(--fg)}
.cat-search input:focus{outline:2px solid var(--fg);outline-offset:1px}
.cat-search .btn{min-height:48px}

/* ---- Article body extras ---- */
.prose .table-wrap{overflow-x:auto;margin:1.2em 0}
.prose table{border-collapse:collapse;width:100%;font-size:.9em}
.prose th,.prose td{border:1px solid var(--line-strong);padding:8px 10px;text-align:left;vertical-align:top}
.prose th{background:var(--alt)}
.prose .embed{position:relative;aspect-ratio:16/9;margin:1.2em 0}
.prose .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.prose img{max-width:100%;height:auto}
.prose a{word-break:break-word}
.hero.no-img{grid-template-columns:1fr}
.hero .cat.sp{margin-left:8px;opacity:.85}
.preview-note{margin:12px 0;padding:12px 16px;border-radius:8px;background:#fff4d6;color:#5a4100;font-size:15px}

/* ---- Pages from the page manager (about, contact, legal) ---- */
.static-page .static{max-width:72ch}
.static-page .static h3{font-size:20px;margin-top:8px}
.static-page .static ul,.static-page .static ol{margin:0;padding-left:1.3em;display:grid;gap:8px}
.static-page .static a:not(.btn){text-decoration:underline;text-underline-offset:2px}
.static-page .static .table-wrap{overflow-x:auto}
.contact-form{max-width:72ch;margin-top:40px;padding-top:32px;border-top:1px solid var(--line)}
.contact-form h2{font-size:28px;margin:0 0 16px}
.contact-form form{display:grid;gap:16px}
.contact-form .cf-row{display:grid;gap:16px;grid-template-columns:1fr 1fr}
@media (max-width:640px){.contact-form .cf-row{grid-template-columns:1fr}}
.contact-form label{display:grid;gap:6px;font-size:15px;font-weight:600}
.contact-form label small{font-weight:400;color:var(--muted)}
.contact-form input,.contact-form textarea{font:inherit;font-weight:400;font-size:17px;padding:12px 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--bg);color:var(--fg);width:100%}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--fg);outline-offset:1px}
.contact-form .btn{justify-self:start}
.contact-form .msg{padding:12px 16px;border-radius:8px;background:var(--alt);margin-bottom:16px}

/* ---- Newsletter message on the inner newsletter band ---- */
.ink .msg.ok{color:#fff}
.ink .msg.err{color:#ffb4ab}

/* ---- Search results thumbnails in the dialog ---- */
.s-results .media img{width:100%;height:100%;object-fit:cover}