/*
Theme Name: AI8HOST GeneratePress Child
Theme URI: https://ai8host.com/
Description: Production child theme for the AI8HOST website.
Author: AI8HOST
Author URI: https://ai8host.com/
Template: generatepress
Version: 1.0.0
Text Domain: ai8host
*/

/* AI8HOST SaaS footer */
.ai8-footer,.ai8-footer *{box-sizing:border-box}
.ai8-footer{position:relative;isolation:isolate;overflow:hidden;color:#94a3b8;background:radial-gradient(circle at 15% 0%,rgba(99,102,241,.1),transparent 30%),radial-gradient(circle at 85% 0%,rgba(192,38,211,.08),transparent 28%),#090d16;border-top:1px solid rgba(255,255,255,.1);font-family:Inter,"Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.7}
.ai8-footer__glow{position:absolute;top:-1px;left:50%;z-index:-1;width:min(720px,70vw);height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.8),rgba(99,102,241,.8),transparent);box-shadow:0 0 28px rgba(139,92,246,.55);transform:translateX(-50%)}
.ai8-footer__container{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.ai8-footer__grid{display:grid;grid-template-columns:minmax(260px,1.5fr) repeat(3,minmax(150px,1fr));gap:clamp(32px,5vw,72px);padding-block:clamp(64px,8vw,96px) 54px}
.ai8-footer__brand p{max-width:330px;margin:20px 0 0}
.ai8-footer__logo{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:1.35rem;font-weight:850;letter-spacing:-.02em;text-decoration:none}
.ai8-footer__logo-image{width:230px;max-width:100%;height:56px;overflow:hidden;border-radius:8px}
.ai8-footer__logo-image img{display:block;width:100%;height:auto}
.ai8-footer__logo-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(192,132,252,.35);border-radius:10px;color:#d8b4fe;background:linear-gradient(145deg,rgba(168,85,247,.2),rgba(99,102,241,.14));box-shadow:0 0 24px rgba(168,85,247,.15)}
.ai8-footer__column h2{margin:2px 0 20px;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ai8-footer__column ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.ai8-footer a{color:#94a3b8;text-decoration:none;transition:color 180ms ease,text-shadow 180ms ease,transform 180ms ease}
.ai8-footer a:hover,.ai8-footer a:focus-visible{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.38)}
.ai8-footer__column li a{display:inline-block}.ai8-footer__column li a:hover,.ai8-footer__column li a:focus-visible{transform:translateX(3px)}
.ai8-footer__contact li{display:grid;gap:2px}.ai8-footer__contact li>span:first-child{color:#64748b;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ai8-footer__contact-value{color:#94a3b8!important;font-size:inherit!important;font-weight:400!important;letter-spacing:normal!important;text-transform:none!important}
.ai8-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px;border-top:1px solid rgba(255,255,255,.08);color:#64748b;font-size:.82rem}
.ai8-footer__bottom p{margin:0}.ai8-footer__bottom span{margin-inline:6px;color:#a855f7}
@media(max-width:960px){.ai8-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.ai8-footer__container{width:min(100% - 32px,1200px)}.ai8-footer__grid{grid-template-columns:1fr;gap:38px;padding-block:56px 40px}.ai8-footer__logo-image{width:155px;height:42px}.ai8-footer__bottom{align-items:flex-start;flex-direction:column;gap:10px}}
@media(prefers-reduced-motion:reduce){.ai8-footer a{transition:none}}

/* AI8HOST /pages/ — page-specific sidebar refresh */
body.page-id-24 .entry-header,
body.page-id-24 .elementor-element-f97d695{
	display:none!important;
}

body.page-id-24 #right-sidebar{
	display:grid;
	align-content:start;
	gap:22px;
}

body.page-id-24 #right-sidebar .widget{
	position:relative;
	overflow:hidden;
	margin:0;
	padding:28px;
	border:1px solid rgba(255,255,255,.1);
	border-radius:22px;
	background:
		radial-gradient(circle at 100% 0,rgba(139,92,246,.13),transparent 38%),
		linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025)),
		#0b0f19;
	box-shadow:0 24px 60px rgba(2,6,23,.32),inset 0 1px 0 rgba(255,255,255,.04);
	color:#cbd5e1;
	backdrop-filter:blur(14px);
	-webkit-backdrop-filter:blur(14px);
}

body.page-id-24 #right-sidebar .widget::before{
	position:absolute;
	top:0;
	left:24px;
	width:72px;
	height:1px;
	background:linear-gradient(90deg,#38bdf8,#8b5cf6,transparent);
	box-shadow:0 0 16px rgba(56,189,248,.55);
	content:"";
}

body.page-id-24 #right-sidebar :where(.widget-title,h2){
	margin:0 0 20px;
	color:#fff;
	font-family:Inter,"Noto Sans TC","Microsoft JhengHei",sans-serif;
	font-size:1.05rem;
	font-weight:750;
	letter-spacing:.01em;
}

body.page-id-24 #right-sidebar :where(ul,ol){
	display:grid;
	gap:11px;
	margin:0;
	padding:0;
	list-style:none;
}

body.page-id-24 #right-sidebar li{
	margin:0;
	padding:0 0 11px;
	border-bottom:1px solid rgba(255,255,255,.07);
	color:#94a3b8;
}

body.page-id-24 #right-sidebar li:last-child{
	padding-bottom:0;
	border-bottom:0;
}

body.page-id-24 #right-sidebar a{
	color:#cbd5e1;
	text-decoration:none;
	transition:color .2s ease,text-shadow .2s ease,transform .2s ease;
}

body.page-id-24 #right-sidebar a:hover,
body.page-id-24 #right-sidebar a:focus-visible{
	color:#fff;
	text-shadow:0 0 16px rgba(56,189,248,.48);
}

body.page-id-24 #right-sidebar .wp-block-search__inside-wrapper{
	dis:flex;
	gap:10px;
	padding:0;
	border:0;
	background:transparent;
}

body.page-id-24 #right-sidebar .wp-block-search__input{
	min-width:0;
	padding:12px 14px;
	border:1px solid rgba(255,255,255,.14);
	border-radius:12px;
	outline:0;
	background:rgba(255,255,255,.05);
	color:#fff;
}

body.page-id-24 #right-sidebar .wp-block-search__input:focus{
	border-color:#38bdf8;
	box-shadow:0 0 0 3px rgba(56,189,248,.12),0 0 16px rgba(56,189,248,.22);
}

body.page-id-24 #right-sidebar .wp-block-search__button{
	margin:0;
	padding:11px 18px;
	border:0;
	border-radius:12px;
	background:linear-gradient(135deg,#38bdf8,#8b5cf6);
	box-shadow:0 8px 22px rgba(56,189,248,.2);
	color:#fff;
	font-weight:700;
}

@media(max-width:768px){
	body.page-id-24 #right-sidebar{
		margin-top:36px;
		gap:18px;
	}

	body.page-id-24 #right-sidebar .widget{
		padding:22px;
		border-radius:18px;
	}
}

/* AI8HOST /pages/ — match the homepage dark canvas */
body.page-id-24{
	background:
		radial-gradient(circle at 12% 8%,rgba(61,87,210,.18),transparent 28%),
		radial-gradient(circle at 88% 12%,rgba(190,42,225,.13),transparent 27%),
		#070617!important;
	color:#cbd5e1!important;
}

body.page-id-24 :where(#page,.site-content,#primary,.inside-article,.entry-content,.elementor-24,.elementor-24>.e-con,.elementor-element-ea4bb46){
	background:transparent!important;
}

body.page-id-24 .inside-article{
	box-shadow:none!important;
}

body.page-id-24 .hero{
	background:
		radial-gradient(circle at 15% 22%,rgba(61,87,210,.38),transparent 28%),
		radial-gradient(circle at 85% 10%,rgba(190,42,225,.24),transparent 27%),
		linear-gradient(135deg,#090823 0%,#070617 58%,#110520 100%)!important;
}

body.page-id-24 :where(.stats-bar,.services,.why-us,.pricing){
	background:transparent!important;
}

body.page-id-24 .stats-bar{
	border-color:rgba(255,255,255,.08)!important;
	background:rgba(255,255,255,.025)!important;
}

body.page-id-24 :where(.service-card,.pricing-table){
	border-color:rgba(255,255,255,.09)!important;
	background:
		linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.022)),
		#0b0f19!important;
	box-shadow:0 22px 55px rgba(2,6,23,.28)!important;
}

body.page-id-24 .service-card:hover{
	border-color:rgba(56,189,248,.42)!important;
	box-shadow:0 22px 55px rgba(2,6,23,.32),0 0 28px rgba(56,189,248,.1)!important;
}

body.page-id-24 .service-icon{
	background:linear-gradient(145deg,rgba(56,189,248,.14),rgba(139,92,246,.14))!important;
	color:#67e8f9!important;
}

body.page-id-24 :where(.section-header h2,.service-card h3,.feature-text h4,.stats-bar h3){
	color:#fff!important;
}

body.page-id-24 :where(.section-header p,.service-card p,.feature-text p,.stat-item p){
	color:#94a3b8!important;
}

body.page-id-24 .feature-icon{
	color:#38bdf8!important;
}

body.page-id-24 .pricing-table th{
	background:rgba(56,189,248,.1)!important;
	color:#fff!important;
}

body.page-id-24 .pricing-table td{
	border-color:rgba(255,255,255,.08)!important;
	color:#cbd5e1!important;
}

body.page-id-24 .pricing-table tr:nth-child(even) td{
	background:rgba(255,255,255,.025)!important;
}

body.page-id-24 .cta-section{
	background:
		radial-gradient(circle at 20% 20%,rgba(56,189,248,.18),transparent 35%),
		linear-gradient(135deg,#0b1026,#140723)!important;
}





/* ==========================================================
   AI8HOST BLOG TEMPLATE — Lovable dark SaaS
   ========================================================== */
body.blog{
 --ai8-bg:#070617;--ai8-surface:rgba(255,255,255,.045);--ai8-border:rgba(255,255,255,.10);
 --ai8-text:#cbd5e1;--ai8-muted:#8f9bb3;--ai8-cyan:#38bdf8;--ai8-violet:#a855f7;
 background:radial-gradient(circle at 10% 5%,rgba(56,189,248,.12),transparent 25%),radial-gradient(circle at 90% 14%,rgba(168,85,247,.14),transparent 28%),var(--ai8-bg)!important;
 color:var(--ai8-text)!important;
}
body.blog .ai8-blog-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
body.blog .ai8-blog-hero{position:relative;overflow:hidden;padding:clamp(88px,10vw,140px) 0 72px;border-bottom:1px solid rgba(255,255,255,.06)}
body.blog .ai8-blog-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(56,189,248,.045) 50%,transparent 80%)}
body.blog .ai8-blog-hero .ai8-blog-shell{position:relative;text-align:center}
body.blog .ai8-blog-eyebrow{display:inline-flex;padding:8px 14px;border:1px solid rgba(56,189,248,.28);border-radius:999px;background:rgba(56,189,248,.08);color:#7dd3fc;font-size:12px;font-weight:800;letter-spacing:.16em}
body.blog .ai8-blog-hero h1{margin:20px 0 16px!important;color:#fff!important;font-size:clamp(46px,7vw,78px)!important;line-height:1!important;letter-spacing:-.045em}
body.blog .ai8-blog-hero p{max-width:720px;margin:0 auto!important;color:#a9b6cc!important;font-size:clamp(16px,2vw,20px);line-height:1.8}
body.blog .ai8-blog-topics{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:30px}
body.blog .ai8-blog-topics span{padding:9px 14px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.035);color:#c7d2e3;font-size:13px}
body.blog #page.grid-container{max-width:1248px!important;width:100%!important;padding:72px 24px 88px!important}
body.blog #content.site-content{display:block!important;width:100%!important;padding:0!important}
body.blog #primary.content-area{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.blog #right-sidebar,body.blog #left-sidebar,body.blog .widget-area{display:none!important}
body.blog #main.site-main{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:0!important}
body.blog #main:before,body.blog #main:after,body.blog #content:before,body.blog #content:after{content:none!important;display:none!important}
body.blog #main article{display:flex;flex-direction:column;min-width:0;margin:0!important;padding:0 0 30px!important;overflow:hidden;border:1px solid var(--ai8-border);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))!important;box-shadow:0 22px 60px rgba(0,0,0,.25);backdrop-filter:blur(14px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
body.blog #main article:hover{transform:translateY(-5px);border-color:rgba(56,189,248,.38);box-shadow:0 26px 70px rgba(26,18,72,.42)}
body.blog #main article:first-of-type{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);grid-template-rows:auto 1fr;min-height:460px;padding:0!important}
body.blog #main article .post-image{position:relative;order:-1;overflow:hidden;margin:0 0 26px!important}
body.blog #main article .post-image:after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(7,6,23,.52),transparent 58%);pointer-events:none}
body.blog #main article .post-image img{display:block;width:100%;aspect-ratio:16/8;object-fit:cover;filter:saturate(.9) brightness(.82);transition:transform .55s ease}
body.blog #main article:hover .post-image img{transform:scale(1.035)}
body.blog #main article:first-of-type .post-image{grid-row:1/-1;margin:0!important;height:100%}
body.blog #main article:first-of-type .post-image img{height:100%;aspect-ratio:auto}
body.blog #main article :where(.entry-header,.entry-summary,.entry-content,.entry-meta){padding-inline:30px}
body.blog #main article:first-of-type .entry-header{align-self:end;padding:46px 42px 0}
body.blog #main article:first-of-type .entry-summary{padding:0 42px 42px}
body.blog #main .entry-title{margin:0 0 13px!important;font-size:clamp(22px,2.4vw,30px)!important;line-height:1.32}
body.blog #main article:first-of-type .entry-title{font-size:clamp(28px,3.2vw,42px)!important}
body.blog #main .entry-title a{color:#fff!important;text-decoration:none}
body.blog #main .entry-title a:hover{color:#7dd3fc!important;text-shadow:0 0 22px rgba(56,189,248,.28)}
body.blog #main article .entry-summary,body.blog #main article .entry-content{color:#aebbd0!important;font-size:15px;line-height:1.8}
body.blog #main article .entry-summary{display:flex;flex:1;flex-direction:column}
body.blog #main article .entry-meta{color:#72809a!important;font-size:12px}
body.blog #main article .entry-header .entry-meta .byline,body.blog #main article footer.entry-meta,body.blog #main article .comments-link{display:none!important}
body.blog #main article .read-more{display:inline-flex;align-items:center;width:max-content;margin-top:18px;color:#7dd3fc!important;font-weight:800;text-decoration:none}
body.blog #main article .read-more:after{content:' →';margin-left:5px;transition:transform .2s ease}
body.blog #main article .read-more:hover:after{transform:translateX(4px)}
body.blog .paging-navigation{grid-column:1/-1}
body.blog .ai8-blog-cta{padding:0 0 90px;background:var(--ai8-bg)}
body.blog .ai8-blog-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px;border:1px solid rgba(125,211,252,.20);border-radius:28px;background:radial-gradient(circle at 10% 20%,rgba(56,189,248,.14),transparent 40%),linear-gradient(135deg,rgba(168,85,247,.10),rgba(255,255,255,.03));box-shadow:0 24px 70px rgba(0,0,0,.28)}
body.blog .ai8-blog-cta h2{margin:16px 0 10px!important;color:#fff!important;font-size:clamp(28px,4vw,44px)!important}
body.blog .ai8-blog-cta p{max-width:700px;margin:0!important;color:#a9b6cc!important}
body.blog .ai8-blog-cta__button{display:inline-flex;flex:0 0 auto;align-items:center;gap:10px;padding:14px 22px;border-radius:12px;background:linear-gradient(90deg,#0ea5e9,#8b5cf6);color:#fff!important;font-weight:800;text-decoration:none;box-shadow:0 12px 32px rgba(99,102,241,.28);transition:transform .2s ease,box-shadow .2s ease}
body.blog .ai8-blog-cta__button:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(99,102,241,.42)}
@media(max-width:900px){body.blog #main.site-main{grid-template-columns:1fr}body.blog #main article:first-of-type{grid-column:auto;display:flex;min-height:0}body.blog #main article:first-of-type .post-image{height:auto;margin:0 0 26px!important}body.blog #main article:first-of-type .post-image img{height:auto;aspect-ratio:16/9}body.blog #main article:first-of-type .entry-header{padding:0 30px}body.blog #main article:first-of-type .entry-summary{padding:0 30px}body.blog .ai8-blog-cta__inner{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){body.blog .ai8-blog-shell{width:min(100% - 32px,1200px)}body.blog .ai8-blog-hero{padding:72px 0 54px}body.blog #page.grid-container{padding:48px 16px 64px!important}body.blog #main.site-main{gap:20px}body.blog #main article{border-radius:19px}body.blog #main article .post-image img{aspect-ratio:16/9}body.blog #main article :where(.entry-header,.entry-summary,.entry-content,.entry-meta){padding-inline:22px}body.blog #main article:first-of-type .entry-header,body.blog #main article:first-of-type .entry-summary{padding-inline:22px}body.blog .ai8-blog-cta{padding-bottom:64px}body.blog .ai8-blog-cta__inner{padding:30px 24px;border-radius:22px}body.blog .ai8-blog-cta__button{width:100%;justify-content:center}}


/* Blog filters, trust signals and lead-generation modules */
body.blog .ai8-blog-topics a{padding:9px 14px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#c7d2e3!important;font-size:13px;text-decoration:none;transition:.2s ease}
body.blog .ai8-blog-topics a:hover,body.blog .ai8-blog-topics a:first-child{border-color:rgba(56,189,248,.35);background:rgba(56,189,248,.11);color:#fff!important;box-shadow:0 0 22px rgba(56,189,248,.12)}
body.blog .ai8-blog-card-meta{display:flex;flex-wrap:wrap;gap:8px 14px;margin:0 0 18px;padding:0 30px;color:#8695ad;font-size:12px}
body.blog #main article:first-of-type .ai8-blog-card-meta{padding:0 42px}
body.blog .ai8-blog-diagnostic{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:26px;margin-top:8px;padding:34px;border:1px solid rgba(56,189,248,.24);border-radius:22px;background:radial-gradient(circle at 8% 20%,rgba(56,189,248,.16),transparent 34%),linear-gradient(135deg,rgba(139,92,246,.13),rgba(255,255,255,.03));box-shadow:0 18px 52px rgba(0,0,0,.24)}
body.blog .ai8-blog-diagnostic__icon{display:grid;width:60px;height:60px;place-items:center;border:1px solid rgba(125,211,252,.25);border-radius:17px;background:rgba(56,189,248,.10);color:#7dd3fc;font-size:32px}
body.blog .ai8-blog-diagnostic h2{margin:12px 0 8px!important;color:#fff!important;font-size:clamp(22px,3vw,32px)!important}
body.blog .ai8-blog-diagnostic p{margin:0!important;color:#9dabc1!important}
body.blog .ai8-blog-diagnostic>a{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;border-radius:11px;background:linear-gradient(90deg,#0ea5e9,#8b5cf6);color:#fff!important;font-weight:800;text-decoration:none;white-space:nowrap}
body.blog .ai8-blog-newsletter{padding:0 0 40px;background:#070617}
body.blog .ai8-blog-newsletter__inner{display:grid;grid-template-columns:1fr minmax(320px,520px);align-items:center;gap:44px;padding:40px 44px;border:1px solid rgba(255,255,255,.09);border-radius:24px;background:rgba(255,255,255,.035)}
body.blog .ai8-blog-newsletter h2{margin:14px 0 8px!important;color:#fff!important;font-size:clamp(26px,3.5vw,38px)!important}
body.blog .ai8-blog-newsletter p{margin:0!important;color:#9dabc1!important}
body.blog .ai8-blog-newsletter form{display:flex;gap:10px}
body.blog .ai8-blog-newsletter input[type=email]{min-width:0;flex:1;padding:14px 16px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:rgba(255,255,255,.055);color:#fff}
body.blog .ai8-blog-newsletter button{padding:14px 18px;border:0;border-radius:11px;background:linear-gradient(90deg,#0ea5e9,#8b5cf6);color:#fff;font-weight:800;cursor:pointer;white-space:nowrap}
@media(max-width:800px){body.blog .ai8-blog-diagnostic{grid-template-columns:auto 1fr}body.blog .ai8-blog-diagnostic>a{grid-column:1/-1;justify-content:center}body.blog .ai8-blog-newsletter__inner{grid-template-columns:1fr;gap:26px}}
@media(max-width:600px){body.blog #main article:first-of-type .ai8-blog-card-meta,body.blog .ai8-blog-card-meta{padding-inline:22px}body.blog .ai8-blog-diagnostic{grid-template-columns:1fr;padding:26px 22px}body.blog .ai8-blog-diagnostic>a{grid-column:auto}body.blog .ai8-blog-newsletter__inner{padding:28px 22px}body.blog .ai8-blog-newsletter form{flex-direction:column}body.blog .ai8-blog-newsletter button{width:100%}}