/* AstroCalendar® HOME — Санди домакин (0.1.3-dev). Само допълнения към непроменените стилове на SANDY-AI. */

/* В публичния режим няма архив, „Текущ разговор“ и (0.1.5-dev) „Нов разговор“ — всяко зареждане започва нов разговор. */
#sandy-ai-root.achome-sandy .sandy-form-links,
#sandy-ai-root.achome-sandy .sandy-new,
#sandy-ai-root.achome-sandy .sandy-archive-btn,
#sandy-ai-root.achome-sandy .sandy-current,
#sandy-ai-root.achome-sandy .sandy-form-sep,
#sandy-ai-root.achome-sandy .sandy-act-soon { display: none !important; } /* неактивното „Прослушване — скоро“: на HOME няма глас */

.achome { margin: 0 0 40px; }
.achome-host { margin: 0 0 28px; }

/* ---------------- продуктови карти (0.1.3: авторски илюстрации, 4 в ред) ---------------- */
.achome-space-slot:empty { display: none; } /* място за бъдещия календар SPACE™ */
.achome-products { margin: 8px 0 0; }
.achome-products-title {
	text-align: center; color: #ed145b; font-weight: 500; font-size: 30px; line-height: 1.25; margin: 0 0 24px; letter-spacing: .01em;
}
.achome-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: stretch; }
.achome-card {
	--ac-bg: #333; --ac-accent: #f3d88c; --ac-btn-bg: #f3d88c; --ac-btn-fg: #222; --ac-glow: rgba(0, 0, 0, .25); --ac-line: rgba(255, 255, 255, .22);
	position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 22px; color: #fff;
	background: var(--ac-bg); box-shadow: 0 10px 28px var(--ac-glow); isolation: isolate;
	transition: transform .25s ease, box-shadow .25s ease;
}
.achome-card::after { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; border: 1px solid var(--ac-line); }
.achome-card:hover { transform: translateY(-4px); box-shadow: 0 16px 38px var(--ac-glow); }

/* илюстрацията: квадратна, на цялата ширина, плавен преход към цвета на картата */
.achome-art { position: relative; aspect-ratio: 1 / 1; overflow: hidden; }
.achome-art-img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.achome-card:hover .achome-art-img { transform: scale(1.03); }
.achome-art::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 22%; background: linear-gradient(to bottom, transparent, var(--ac-fade)); pointer-events: none; }

.achome-body { display: flex; flex-direction: column; flex: 1; padding: 4px 20px 22px; }
.achome-tag {
	align-self: flex-start; font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; padding: 5px 10px; border-radius: 999px;
	background: rgba(255, 255, 255, .14); color: var(--ac-accent); border: 1px solid rgba(255, 255, 255, .25); margin: 0 0 10px;
}
.achome-name { margin: 0; font-size: 25px; line-height: 1.15; font-weight: 700; color: #e01a4f; letter-spacing: .01em; }
.achome-sub { margin: 3px 0 10px; font-size: 13.5px; color: var(--ac-accent); font-weight: 700; letter-spacing: .02em; }
.achome-short { margin: 0 0 12px; font-size: 15px; line-height: 1.5; color: rgba(255, 255, 255, .93); }
.achome-benefits { list-style: none; margin: 0 0 16px; padding: 0; }
.achome-benefits li { display: flex; gap: 9px; align-items: flex-start; margin: 0 0 7px; font-size: 14.5px; line-height: 1.42; color: #fff; }
.achome-bstar { flex: 0 0 14px; width: 14px; height: 14px; margin-top: 3px; fill: var(--ac-accent); filter: drop-shadow(0 0 4px var(--ac-accent)); }
.achome-note { margin: -4px 0 16px; padding: 8px 12px; border-radius: 12px; background: rgba(255, 255, 255, .14); border: 1px solid rgba(255, 255, 255, .28); font-size: 14px; font-weight: 700; color: #fff; }
.achome-btns { margin-top: auto; display: flex; flex-direction: column; gap: 9px; }
.achome-btn {
	display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border-radius: 999px;
	font-size: 15px; font-weight: 700; line-height: 1.2; text-decoration: none !important; cursor: pointer; border: 1px solid transparent; text-align: center;
	transition: transform .15s ease, filter .15s ease, background .15s ease;
}
.achome-btn-main { background: var(--ac-btn-bg); color: var(--ac-btn-fg) !important; box-shadow: 0 4px 14px rgba(0, 0, 0, .25); }
.achome-btn-main:hover, .achome-btn-main:focus-visible { filter: brightness(1.07); transform: translateY(-1px); }
.achome-btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

/* цветни идентичности — по илюстрациите */
.achome-th-astrocat { --ac-fade: #6e1410; --ac-bg: linear-gradient(180deg, #6e1410 0%, #8f2312 45%, #b8401a 100%);
	--ac-accent: #ffd27a; --ac-btn-bg: linear-gradient(135deg, #fff1b8, #ffc451 55%, #f08a24); --ac-btn-fg: #5a120c; --ac-glow: rgba(176, 52, 20, .38); }
.achome-th-astros { --ac-fade: #6b4206; --ac-bg: linear-gradient(180deg, #6b4206 0%, #8a5a0b 45%, #b07b12 100%);
	--ac-accent: #ffe7a3; --ac-btn-bg: linear-gradient(135deg, #fffbe6, #ffe08a 55%, #e8b440); --ac-btn-fg: #4a2e03; --ac-glow: rgba(176, 120, 18, .38); }
.achome-th-space { --ac-fade: #0a1f5c; --ac-bg: linear-gradient(180deg, #0a1f5c 0%, #10307f 45%, #1a4fb0 100%);
	--ac-accent: #a9dcff; --ac-btn-bg: linear-gradient(135deg, #e8f7ff, #a9dcff 60%, #64b6f0); --ac-btn-fg: #08204f; --ac-glow: rgba(16, 48, 127, .4); }
.achome-th-moon { --ac-fade: #3a1466; --ac-bg: linear-gradient(180deg, #3a1466 0%, #55208c 45%, #7a35b5 100%);
	--ac-accent: #e9d4ff; --ac-btn-bg: linear-gradient(135deg, #ffffff, #efe2ff 55%, #cfb2f2); --ac-btn-fg: #3a1466; --ac-glow: rgba(85, 32, 140, .38); }

.achome-products-foot { text-align: center; margin: 24px 0 0; font-size: 16px; }
.achome-products-foot a { color: #ed145b; font-weight: 600; text-decoration: none; }

/* статичните представяния в чата (вмъкнати от achome.js) */
#sandy-ai-root .achome-static .sandy-text ul,
#sandy-ai-root .achome-static .sandy-text ol { margin: .3em 0 .6em 1.2em; padding: 0; }
#sandy-ai-root .achome-static .sandy-text p { margin: 0 0 .6em; }



/* таблет: по две карти в ред */
@media (max-width: 1100px) {
	.achome-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
	.achome-btns { flex-direction: row; flex-wrap: wrap; }
	.achome-btn { flex: 1 1 auto; }
}
/* телефон: една карта в ред */
@media (max-width: 680px) {
	.achome-host { margin-bottom: 18px; }
	.achome-products-title { font-size: 25px; margin-bottom: 16px; }
	.achome-grid { grid-template-columns: 1fr; gap: 16px; }
	.achome-body { padding: 4px 18px 20px; }
	.achome-name { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) { .achome-card, .achome-btn, .achome-art-img { transition: none; } .achome-card:hover, .achome-card:hover .achome-art-img { transform: none; } }

/* 0.1.3-dev-r2: бутонът със слушалките („Режим слушане“) в разгърнатия чат на компютър — непосредствено вляво от
   „Продукти“ (на HOME няма „За мен“, затова мястото е по-близо, отколкото в ASTROCAT™). Телефонът — без промяна. */
@media (min-width: 601px) {
	.sandy-root.achome-sandy.sandy-is-open .sandy-chat-head .sandy-vmode { right: 310px; }
}

/* 0.1.5-dev: четимост на картите. Темата на сайта налага .entry-content p/li { #333 } и розови заглавия (!important).
   Розовите заглавия се запазват — получават тъмна подложка; описанията и предимствата стават бели. */
#achome .achome-card .achome-name {
	align-self: flex-start; color: #e01a4f !important; background: rgba(12, 6, 20, .84); padding: 6px 14px 7px; border-radius: 12px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .35); margin: 0 0 8px;
}
#achome .achome-card .achome-sub { color: var(--ac-accent) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .5); }
#achome .achome-card .achome-short,
#achome .achome-card .achome-benefits li,
#achome .achome-card .achome-note { color: #fff !important; text-shadow: 0 1px 2px rgba(0, 0, 0, .45); }

/* 0.1.5-dev-r3 (13.11.2026): заглавията на картите — светъл фон в цвета на долния бутон и тъмен надпис
   вместо черната подложка; без тежка сянка. Шрифт, размер, подредба и заобляне — непроменени. */
.achome-th-astrocat { --ac-name-bg: linear-gradient(135deg, #fff1e4, #ffd2ad); --ac-name-fg: #5a0f14; }
.achome-th-astros   { --ac-name-bg: linear-gradient(135deg, #fffbe6, #ffe89a); --ac-name-fg: #4a2e03; }
.achome-th-space    { --ac-name-bg: linear-gradient(135deg, #f0f9ff, #c9e8ff); --ac-name-fg: #08204f; }
.achome-th-moon     { --ac-name-bg: linear-gradient(135deg, #ffffff, #e9dcff); --ac-name-fg: #3a1466; }
#achome .achome-card .achome-name { color: var(--ac-name-fg) !important; background: var(--ac-name-bg); box-shadow: 0 1px 4px rgba(0, 0, 0, .18); }

/* 0.1.5-dev-r5 (13.11.2026): предупреждението под чата — на един ред на компютър (на HOME няма бутоните
   „Архив | Текущ разговор | Нов разговор“, за които SANDY-AI пази място вдясно); на тесен екран се пренася в контейнера. */
#achome .sandy-root.achome-sandy .sandy-disclaimer { max-width: 100%; overflow-wrap: anywhere; }
/* 0.1.5-dev-r5: по-малко празно място между ASTROS™ BASIC („Текущо място“) и футъра — само отстояния; линията остава */
.elementor-1252 .elementor-element-d206ef7 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-bottom: 0; }
.elementor-1252 .elementor-element-3b541a9 > .elementor-container > .elementor-column > .elementor-widget-wrap { padding-top: 0; padding-bottom: 0; }
.elementor-1252 .elementor-element-3b541a9 .elementor-divider { padding-top: 6px; padding-bottom: 6px; }