/* ==========================================================================
   Chamber A — αρθρογραφία (Οκτ. 2026)
   Mega menu 3 επιπέδων (Νέα → κατηγορίες → υποκατηγορίες), hover χωρίς υπογράμμιση,
   σελίδα άρθρου με hero κατηγορίας + δεξί sidebar, υποκατηγορίες στη λίστα νέων.
   Φορτώνεται μετά το v2.css.
   ========================================================================== */

/* ── Hover χωρίς υπογράμμιση στους τίτλους άρθρων/καρτών ──────────────── */
.chamber-b .card:hover .card__link,
.chamber-b .card__link:hover { text-decoration: none; color: var(--c-primary-600) !important; }
.chamber-b .card__link { transition: color .2s; }

/* ── Mega menu: στήλες κατηγοριών (2ο επίπεδο με παιδιά) ───────────────── */
.mega__list:has(> .mega__col) { grid-template-columns: repeat(4, 1fr); gap: 1.25rem 2rem; }
.mega__col { padding-top: .25rem; }
body.chamber-b .mega__col-title {
	display: block; padding: .3rem 0 .65rem; margin-bottom: .4rem; border-bottom: 2px solid var(--c-accent-100);
	font-family: var(--f-primary); font-weight: 800; font-size: .98rem; color: var(--c-primary); text-decoration: none;
	transition: border-color .2s;
}
body.chamber-b .mega__col-title:hover { border-bottom-color: var(--c-accent); }
.mega__sublist { list-style: none; display: grid; gap: .1rem; }
body.chamber-b .mega__subitem a {
	display: block; padding: .38rem .6rem; margin-inline: -.6rem; border-radius: 10px;
	font-size: .9rem; font-weight: 600; color: var(--c-muted); text-decoration: none; transition: background .15s, color .15s;
}
body.chamber-b .mega__subitem a:hover, body.chamber-b .mega__subitem a[aria-current] { background: var(--c-mist); color: var(--c-primary); }

/* ── Λίστα νέων: υποκατηγορίες ─────────────────────────────────────────── */
.chips--sub { margin-top: -1rem; padding: .75rem; border-radius: 18px; background: var(--c-mist); }
.chamber-b .chip--sub { background: var(--c-white); border-color: transparent; font-size: .82rem; }
.chamber-b .chip--sub[aria-current] { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-primary-700); }

/* ── Άρθρο: hero με την εικόνα της βασικής κατηγορίας ──────────────────── */
.article-hero {
	position: relative; overflow: hidden; color: rgba(255,255,255,.85);
	background:
		linear-gradient(100deg, rgba(0,30,31,.96) 0%, rgba(0,47,48,.88) 45%, rgba(0,47,48,.55) 100%),
		var(--hero-image) center / cover no-repeat;
}
.article-hero::after { content: ""; position: absolute; left: 0; bottom: 0; width: 38%; height: 4px; background: var(--c-accent); }
.article-hero__inner { position: relative; padding-block: 3.25rem 3.75rem; max-width: calc(var(--container) + 48px); }
.article-hero .breadcrumbs ol { margin-bottom: 1.5rem; }
.article-hero__tags { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 1.1rem; }
body.chamber-b .hero-pill {
	display: inline-flex; align-items: center; padding: .35rem .85rem; border-radius: 999px;
	background: var(--c-accent); color: var(--c-primary-700); font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-decoration: none;
}
body.chamber-b .hero-pill--outline { background: rgba(255,255,255,.08); box-shadow: inset 0 0 0 1px rgba(255,255,255,.35); color: var(--c-white); }
body.chamber-b .hero-pill:hover { filter: brightness(1.08); }
.article-hero__title { max-width: 24ch; margin: 0 0 1rem !important; color: var(--c-white) !important; font-size: clamp(2rem, 4.2vw, 3.1rem) !important; line-height: 1.1 !important; letter-spacing: -.03em !important; }
.article-hero__lead { max-width: 62ch; margin: 0 0 1.75rem !important; font-size: clamp(1.05rem, 1.6vw, 1.22rem); line-height: 1.55; color: rgba(255,255,255,.85); }
.article-hero__meta { display: flex; flex-wrap: wrap; gap: .6rem 1.5rem; list-style: none; padding-top: 1.25rem; border-top: 1px solid rgba(255,255,255,.15); font-size: .9rem; color: rgba(255,255,255,.75); }
.article-hero__meta li { display: inline-flex; align-items: center; gap: .45rem; }
.article-hero__meta .icon { width: 1.05rem; height: 1.05rem; color: var(--c-accent); }

/* ── Άρθρο: κείμενο + sidebar ──────────────────────────────────────────── */
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 3.5rem; align-items: start; padding-block: 3rem 4.5rem; }
.article-main { max-width: 760px; }
.article-main__media { margin: 0 0 2rem; }
.article-main__media img { width: 100%; border-radius: 22px; }
.article-main .prose { font-size: 1.1rem; }

.article-aside { display: grid; gap: 1.25rem; }
.side-card { padding: 1.4rem; background: var(--c-white); border: 1px solid var(--c-line); border-radius: 22px; box-shadow: 0 8px 24px rgba(0,30,31,.05); }
.side-card__title { display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem !important; font-family: var(--f-primary); font-weight: 800; font-size: 1rem; color: var(--c-primary); }
.side-card__title .icon { color: var(--c-accent-700); width: 1.15rem; height: 1.15rem; }
body.chamber-b .side-card__more { display: inline-flex; align-items: center; gap: .3rem; margin-top: 1rem; font-size: .88rem; font-weight: 700; color: var(--c-primary); text-decoration: none; }
.side-card__more .icon { width: 1rem; height: 1rem; transition: transform .2s; }
.side-card__more:hover .icon { transform: translateX(3px); }

/* «Θέλω να…» μικρό */
.side-card--finder { background: var(--c-accent-100); border-color: transparent; }
.finder--mini .finder__form { padding: .3rem; box-shadow: 0 0 0 1px var(--c-line); }
.finder--mini .finder__lead { padding-left: .8rem; font-size: .95rem; }
.chamber-b .finder--mini .finder__input { font-size: .95rem; padding: .6rem .15rem !important; }
.chamber-b .finder--mini .finder__go { width: 42px; height: 42px; padding: 0; }
.finder--mini .finder__go-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
.finder--mini .finder__list { left: -1rem; right: -1rem; max-height: 300px; }
.finder--mini .finder__opt-group { display: none; }
.finder--mini .finder__list li[role="option"] { grid-template-columns: 32px 1fr; font-size: .9rem; }

/* Ανάπτυξη & Εξωστρέφεια: navy κάρτα */
.side-card--growth {
	position: relative; overflow: hidden; border: 0; color: rgba(255,255,255,.85);
	background: radial-gradient(circle at 100% 0%, rgba(201,162,39,.25), transparent 45%), linear-gradient(160deg, var(--c-primary-600), var(--c-primary) 55%, var(--c-primary-700));
	box-shadow: 0 20px 44px rgba(0,30,31,.2);
}
.side-card--growth::before { content: ""; position: absolute; right: -40px; top: -30px; width: 170px; height: 170px; background: url("../img/emblem.png") center / contain no-repeat; opacity: .08; pointer-events: none; }
.side-card__eyebrow { position: relative; margin: 0 0 .25rem !important; font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--c-secondary); }
.side-card__heading { position: relative; margin: 0 0 1rem !important; color: var(--c-white) !important; font-size: 1.25rem !important; }
.side-links { position: relative; list-style: none; display: grid; gap: .25rem; }
body.chamber-b .side-links a {
	display: grid; grid-template-columns: 36px 1fr auto; align-items: center; gap: .7rem; padding: .45rem .5rem; margin-inline: -.5rem;
	border-radius: 12px; color: var(--c-white); text-decoration: none; font-size: .92rem; font-weight: 600; transition: background .2s;
}
body.chamber-b .side-links a:hover { background: rgba(255,255,255,.08); }
.side-links__icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 11px; background: rgba(255,255,255,.1); color: var(--c-accent); }
.side-links__icon .icon { width: 1.05rem; height: 1.05rem; }
.side-links__ext { color: rgba(255,255,255,.45); transition: color .2s, transform .2s; }
.side-links__ext .icon { width: .95rem; height: .95rem; }
.side-links a:hover .side-links__ext { color: var(--c-accent); transform: translate(2px, -2px); }

/* Επόμενες εκδηλώσεις */
.side-events { list-style: none; display: grid; gap: .75rem; }
body.chamber-b .side-events a { display: grid; grid-template-columns: auto 1fr; gap: .85rem; align-items: center; text-decoration: none; }
.date-badge--sm { width: 54px; height: 58px; border-radius: 14px; }
.date-badge--sm .date-badge__day { font-size: 1.35rem; }
.date-badge--sm .date-badge__month { font-size: .66rem; margin-top: .2rem; }
.side-events__title { display: block; font-weight: 700; font-size: .92rem; line-height: 1.35; color: var(--c-primary); transition: color .2s; }
.side-events a:hover .side-events__title { color: var(--c-primary-600); }
.side-events__meta { display: block; margin-top: .2rem; font-size: .78rem; color: var(--c-muted); }

/* Κατηγορίες */
.side-cats { list-style: none; display: grid; gap: .35rem; }
body.chamber-b .side-cats a {
	display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .6rem .8rem; border-radius: 12px;
	background: var(--c-mist); color: var(--c-primary); font-size: .92rem; font-weight: 700; text-decoration: none; transition: background .2s, color .2s;
}
body.chamber-b .side-cats a:hover, body.chamber-b .side-cats a[aria-current] { background: var(--c-primary); color: var(--c-white); }
.side-cats small { min-width: 28px; padding: .1rem .45rem; border-radius: 999px; background: var(--c-white); color: var(--c-muted); font-size: .75rem; font-weight: 700; text-align: center; }
.side-cats a:hover small, .side-cats a[aria-current] small { background: rgba(255,255,255,.15); color: var(--c-white); }


/* ── Ηλεκτρονικές υπηρεσίες: e-Επιμελητήριο, Γ.Ε.ΜΗ., Υ.Μ.Σ. (εξωτερικοί σύνδεσμοι) ───
   Λευκή κάρτα, φωτογραφία πάνω, navy εικονίδιο που «πατά» στη φωτογραφία, κυκλικό βελάκι. */
.portals { display: grid; gap: .9rem; }
.portals__label { margin: 0 0 .1rem !important; font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--c-accent-700); }
body.chamber-b .portal-card {
	position: relative; display: grid; grid-template-columns: 1fr auto; grid-template-rows: auto auto;
	overflow: hidden; border: 1px solid var(--c-line); border-radius: 18px; background: var(--c-white);
	text-decoration: none; color: var(--c-text); box-shadow: 0 6px 18px rgba(0,30,31,.05);
	transition: transform .25s, box-shadow .25s, border-color .25s;
}
body.chamber-b .portal-card:hover { transform: translateY(-3px); border-color: transparent; box-shadow: 0 18px 40px rgba(0,30,31,.12); }
.portal-card__media { grid-column: 1 / -1; display: block; height: 104px; overflow: hidden; background: var(--c-mist); }
.portal-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }
.portal-card:hover .portal-card__media img { transform: scale(1.06); }
.portal-card__icon {
	position: absolute; left: 1rem; top: 76px; display: grid; place-items: center; width: 50px; height: 50px;
	border-radius: 14px; background: var(--c-primary); color: var(--c-white); box-shadow: 0 0 0 4px var(--c-white), 0 6px 14px rgba(0,30,31,.2);
}
.portal-card__icon .icon { width: 1.3rem; height: 1.3rem; }
.portal-card__body { display: grid; gap: .15rem; padding: 2.1rem 0 1.1rem 1rem; min-width: 0; }
.portal-card__title { font-family: var(--f-primary); font-weight: 800; font-size: 1.15rem; line-height: 1.2; color: var(--c-primary-700); }
.portal-card__desc { font-size: .86rem; color: var(--c-muted); }
.portal-card__go {
	align-self: end; display: grid; place-items: center; width: 38px; height: 38px; margin: 0 1rem 1.1rem;
	border-radius: 50%; background: var(--c-mist); color: var(--c-primary); transition: background .2s, color .2s, transform .2s;
}
.portal-card__go .icon { width: 1rem; height: 1rem; }
.portal-card:hover .portal-card__go { background: var(--c-primary); color: var(--c-white); transform: translate(2px, -2px); }

/* ── Responsive ────────────────────────────────────────────────────────── */
@media (max-width: 1180px) {
	.mega__list:has(> .mega__col) { grid-template-columns: 1fr; gap: .25rem; }
	body.chamber-b .mega__col-title { border-bottom: 0; padding: .5rem 0 .2rem; }
	.mega__sublist { padding-left: .75rem; }
	.article-layout { grid-template-columns: 1fr; gap: 2.5rem; }
	.article-main { max-width: none; }
	.article-aside { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
	.article-hero__inner { padding-block: 2.25rem 2.75rem; }
	.article-aside { grid-template-columns: 1fr; }
	.chips--sub { margin-top: -.75rem; }
}