/*
Theme Name: Techgito Child
Template: astra
Description: Clean, trustworthy review theme for Techgito. A child of Astra.
Version: 1.0.0
Text Domain: techgito-child
*/

:root{--tg-bg:#F4F7F6;--tg-surface:#FFFFFF;--tg-ink:#13201C;--tg-accent:#0A7A5A;--tg-accent-dark:#075C44;--tg-muted:#5B6B66;--tg-line:#DCE5E1;--tg-radius:12px;--tg-font:system-ui,'Segoe UI','Helvetica Neue',Arial,sans-serif}

body,.ast-separate-container{background:var(--tg-bg);color:var(--tg-ink);font-family:var(--tg-font);line-height:1.75;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5{font-family:var(--tg-font);color:var(--tg-ink);font-weight:800;line-height:1.15;letter-spacing:-0.015em}
a{color:var(--tg-accent);text-underline-offset:3px}
a:hover{color:var(--tg-accent-dark)}
::selection{background:var(--tg-accent);color:#fff}
:focus-visible{outline:3px solid var(--tg-accent);outline-offset:2px}

/* Header */
#masthead{position:sticky;top:0;z-index:100}
.admin-bar #masthead{top:32px}
.main-header-bar,.ast-primary-header-bar,.ast-main-header-bar-alignment{background:var(--tg-surface)}
.ast-primary-header-bar{border-bottom:1px solid var(--tg-line)}
.site-title a,.site-title a:hover{font-weight:800;letter-spacing:-0.02em;color:var(--tg-ink)}
.main-header-menu>.menu-item>a{font-weight:600;color:var(--tg-ink)}
.main-header-menu>.menu-item>a:hover,.main-header-menu>.current-menu-item>a{color:var(--tg-accent)}
.site-description{color:var(--tg-muted)}

/* Buttons */
.wp-block-button__link,.ast-button,button,input[type=submit]{background:var(--tg-accent);color:#fff;border-radius:8px;font-weight:700;padding:.85em 1.5em;border:2px solid var(--tg-accent);transition:background .15s,transform .15s}
.wp-block-button__link:hover,.ast-button:hover,button:hover,input[type=submit]:hover{background:var(--tg-accent-dark);border-color:var(--tg-accent-dark);color:#fff;transform:translateY(-1px)}
.is-style-outline .wp-block-button__link{background:transparent;color:var(--tg-accent)}
.is-style-outline .wp-block-button__link:hover{background:var(--tg-accent);color:#fff}

/* Shared width container */
.tg-wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.tg-wrap>*{max-width:none!important}
.tg-section{padding:72px 0}
.tg-section h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 28px}
.tg-section--surface{background:var(--tg-surface);border-top:1px solid var(--tg-line);border-bottom:1px solid var(--tg-line)}
.home .site-content,.home .site-content .ast-container{padding:0;margin:0;max-width:none;display:block}
.home #primary{margin:0;padding:0;width:100%}
.home .entry-content>*{margin-top:0;margin-bottom:0}
.home article{margin:0;padding:0;background:none;border:0}
.home .ast-separate-container .ast-article-single{background:none;border:0;padding:0}

/* Hero */
.tg-hero{background:var(--tg-ink);color:#fff;padding:84px 0 92px}
.tg-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center}
.tg-hero h1{color:#fff;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;margin:0 0 20px}
.tg-hero p{color:#C9D6D1;font-size:1.15rem;max-width:48ch;margin:0 0 30px}
.tg-hero .wp-block-button__link{background:#fff;color:var(--tg-ink);border-color:#fff}
.tg-hero .wp-block-button__link:hover{background:#E6EFEB;color:var(--tg-ink)}
.tg-hero .is-style-outline .wp-block-button__link{background:transparent;color:#fff;border-color:#fff}
.tg-hero .is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--tg-ink)}
.tg-hero-feature .wp-block-post-template{display:block;margin:0;padding:0;list-style:none}
.tg-hero-feature li{background:var(--tg-surface);color:var(--tg-ink);border-radius:var(--tg-radius);overflow:hidden;padding:0!important;border:0}
.tg-hero-feature .wp-block-post-title{font-size:1.3rem;margin:6px 22px 22px}
.tg-hero-feature .tg-cat{margin:18px 22px 0}

/* Review cards */
.wp-block-post-template{list-style:none;padding:0;margin:0;gap:24px}
.wp-block-post-template>li{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:var(--tg-radius);overflow:hidden;padding:0;transition:transform .15s,border-color .15s;display:flex;flex-direction:column}
.wp-block-post-template>li:hover{transform:translateY(-3px);border-color:var(--tg-accent)}
.wp-block-post-featured-image{margin:0}
.wp-block-post-featured-image img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#fff;padding:14px;border-bottom:1px solid var(--tg-line);display:block}
.wp-block-post-template>li>*:not(.wp-block-post-featured-image){margin-left:22px;margin-right:22px}
.wp-block-post-template>li>.tg-cat{margin-top:18px;margin-bottom:0}
.wp-block-post-template>li>:last-child{margin-bottom:22px}
.wp-block-post-title{font-size:1.25rem;margin-top:6px;margin-bottom:8px}
.wp-block-post-title a{color:var(--tg-ink);text-decoration:none}
.wp-block-post-title a:hover{color:var(--tg-accent)}
.wp-block-post-excerpt__excerpt{color:var(--tg-muted);font-size:.98rem;margin:0 0 8px}
.wp-block-post-date{color:var(--tg-muted);font-size:.85rem}
.tg-cat{font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.tg-cat a{text-decoration:none;color:var(--tg-accent)}

/* Topic cards */
.tg-card{background:var(--tg-bg);border:1px solid var(--tg-line);border-radius:var(--tg-radius);padding:28px!important;transition:border-color .15s}
.tg-card:hover{border-color:var(--tg-accent)}
.tg-card h3{font-size:1.4rem;margin:0 0 8px}
.tg-card h3 a{color:var(--tg-ink);text-decoration:none}
.tg-card h3 a:hover{color:var(--tg-accent)}
.tg-card p{color:var(--tg-muted);margin:0}

/* CTA band */
.tg-band{background:var(--tg-accent);color:#fff;padding:64px 0}
.tg-band h2{color:#fff;margin:0 0 14px}
.tg-band p{color:#fff;max-width:62ch;margin:0 0 26px}
.tg-band a:not(.wp-block-button__link){color:#fff}
.tg-band .wp-block-button__link{background:#fff;color:var(--tg-ink);border-color:#fff}
.tg-band .wp-block-button__link:hover{background:#E6EFEB;color:var(--tg-ink)}

/* Articles and pages */
.ast-separate-container .ast-article-single:not(.ast-related-post),.ast-separate-container .ast-article-post{background:var(--tg-surface);border:1px solid var(--tg-line);border-radius:var(--tg-radius)}
.single .entry-title,.page:not(.home) .entry-title{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1}
.entry-content{font-size:1.06rem}
.entry-content>*{max-width:740px;margin-left:auto;margin-right:auto}
.entry-content>.wp-block-gallery,.entry-content>.wp-block-columns{max-width:none}
.entry-content h2{font-size:1.7rem;margin-top:2.2em}
.entry-content h3{font-size:1.35rem;margin-top:2em}
.entry-content .wp-block-gallery{margin-top:2em;justify-content:center}
.entry-content .wp-block-gallery img{max-height:340px;width:auto;object-fit:contain}
.entry-content ul{padding-left:1.3em}
.entry-content li{margin-bottom:.35em}
.entry-content p>strong>a[rel~=sponsored],.entry-content p>a[rel~=sponsored]{display:inline-block;background:var(--tg-accent);color:#fff;padding:.7em 1.3em;border-radius:8px;font-weight:700;text-decoration:none}
.entry-content p>strong>a[rel~=sponsored]:hover,.entry-content p>a[rel~=sponsored]:hover{background:var(--tg-accent-dark);color:#fff}
.entry-meta,.ast-blog-meta-container{color:var(--tg-muted)}

/* Forms */
input[type=text],input[type=email],input[type=url],textarea{background:#fff;border:1px solid var(--tg-line);border-radius:8px;padding:.8em 1em}
input:focus,textarea:focus{border-color:var(--tg-accent);outline:0;box-shadow:0 0 0 3px rgba(10,122,90,.18)}

/* Footer */
.site-footer,.site-footer .site-primary-footer-wrap,.site-footer .site-below-footer-wrap{background:var(--tg-ink);color:#C9D6D1}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color:#8FD9BE;text-decoration:underline}
.site-footer .site-below-footer-wrap{border-top:1px solid #2A3A35}

/* Mobile */
@media(max-width:900px){.tg-hero-grid{grid-template-columns:1fr;gap:36px}.tg-hero{padding:56px 0 60px}.tg-section{padding:48px 0}}
@media(max-width:782px){.admin-bar #masthead{top:46px}}
@media(max-width:700px){.wp-block-post-template.is-layout-grid{grid-template-columns:1fr!important}.tg-wrap{padding:0 18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* ===== Post images: fixed neat boxes, never cropped or stretched ===== */
.entry-content .wp-block-gallery.has-nested-images{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin:2.2em auto 1.2em!important;max-width:740px!important}
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image,
.entry-content>figure.wp-block-image{display:flex!important;align-items:center;justify-content:center;flex:0 0 100%!important;width:100%!important;max-width:440px;height:360px;margin:0 auto!important;padding:18px;background:#fff;border:1px solid var(--tg-line);border-radius:12px;box-sizing:border-box;overflow:hidden}
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image img,
.entry-content>figure.wp-block-image img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;flex:none!important;aspect-ratio:auto!important;margin:0;display:block}
.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.entry-content .wp-block-gallery.has-nested-images figcaption{display:none}
@media(max-width:600px){.entry-content .wp-block-gallery.has-nested-images figure.wp-block-image,.entry-content>figure.wp-block-image{height:280px;max-width:100%;padding:12px}}

/* ===== Homepage and archive card images: show whole product, no crop ===== */
.wp-block-post-featured-image img,
.wp-block-post-featured-image img.wp-post-image{object-fit:contain!important;object-position:center!important;width:100%!important;height:300px!important;aspect-ratio:auto!important;padding:18px!important;background:#fff;border-bottom:1px solid var(--tg-line);box-sizing:border-box;display:block}
.wp-block-post-featured-image a{display:block;height:auto!important;text-decoration:none}
@media(max-width:600px){.wp-block-post-featured-image img,.wp-block-post-featured-image img.wp-post-image{height:240px!important}}

/* ===== Text colors and underlines forced to the site palette ===== */
.entry-content .wp-block-heading,.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4{color:var(--tg-ink)}
.tg-hero h1,.tg-hero .wp-block-heading,.tg-band h2,.tg-band .wp-block-heading{color:#fff!important}
.tg-hero-feature .wp-block-post-title a,.tg-hero-feature .wp-block-post-title{color:var(--tg-ink)!important}
.entry-content .wp-block-post-title a,.entry-content .tg-card h3 a,.entry-content .tg-cat a,.tg-hero .wp-block-post-terms a{text-decoration:none!important}
.entry-content .wp-block-post-title a{color:var(--tg-ink)}
.entry-content .wp-block-post-title a:hover{color:var(--tg-accent)}
.entry-content .tg-cat a{color:var(--tg-accent)}
.entry-content .wp-block-button__link{text-decoration:none!important}
.tg-band a:not(.wp-block-button__link){text-decoration:underline}