/*
 * habitatcluj.ro - strat de design peste tema ChromeNews
 * Colțuri rotunjite, umbre fine, carduri aerisite, tipografie mai lizibilă.
 * Încărcat din mu-plugins/hc-design.php, după stilurile temei.
 */

:root {
	--hc-r: 18px;
	--hc-r-md: 14px;
	--hc-r-sm: 10px;
	--hc-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 12px 32px -16px rgba(16, 24, 40, .22);
	--hc-shadow-hover: 0 2px 4px rgba(16, 24, 40, .06), 0 22px 44px -18px rgba(16, 24, 40, .34);
	--hc-ease: cubic-bezier(.2, .7, .1, 1);
	--hc-accent: #1d3fbf;
	--hc-yellow: #ffc934;
}

/* ---------- Imagini rotunjite peste tot ---------- */
.read-img,
.read-bg-img,
.data-bg-hover,
.aft-post-image-link,
.post-thumbnail,
.af-single-article .post-thumbnail img,
.entry-content img,
.entry-content figure,
.entry-content .wp-block-image,
.entry-content iframe,
.entry-content video,
.wp-block-embed__wrapper,
.trending-posts-item .read-img,
.chromenews-prev-post .post-image,
.chromenews-next-post .post-image,
.exclusive-post-title img,
.exclusive-posts img {
	border-radius: var(--hc-r) !important;
	overflow: hidden;
}
.read-img img,
.post-thumbnail img,
.aft-post-image-link img,
.exclusive-posts img {
	border-radius: inherit;
	transition: transform .7s var(--hc-ease), filter .4s;
	will-change: transform;
}

/* zoom fin la hover pe carduri */
.read-single:hover .read-img img,
.read-single:hover .read-bg-img img,
.af-sec-post:hover .read-img img,
.trending-posts-item:hover .read-img img {
	transform: scale(1.045);
}

/* miniaturile mici din liste: colțuri mai mici */
.list-style .read-img,
.aft-list-show-image .read-img,
.small-grid-style .read-img,
.trending-posts-item .read-img,
.exclusive-posts img,
.af-reated-posts .list-style .read-img {
	border-radius: var(--hc-r-md) !important;
}

/* cardurile cu text peste imagine: cardul întreg rotunjit, cu gradient mai cald */
.grid-design-texts-over-image,
.af-main-banner-latest-posts .read-single,
.banner-slider-2 .read-single,
.af-widget-post-slider .read-single,
.af-cat-widget-carousel.grid-design-texts-over-image {
	border-radius: var(--hc-r) !important;
	overflow: hidden;
	box-shadow: var(--hc-shadow);
	transition: box-shadow .4s var(--hc-ease), transform .4s var(--hc-ease);
}
.grid-design-texts-over-image:hover,
.banner-slider-2 .read-single:hover {
	box-shadow: var(--hc-shadow-hover);
	transform: translateY(-2px);
}
.grid-design-texts-over-image .read-details,
.banner-slider-2 .read-details {
	background: linear-gradient(180deg, rgba(10, 15, 35, 0) 0%, rgba(10, 15, 35, .55) 45%, rgba(10, 15, 35, .88) 100%) !important;
}

/* ---------- Blocuri și widgeturi ca niște carduri ---------- */
#secondary .widget,
.sidebar-area .widget,
.af-single-article,
.aft-main-breadcrumb-wrapper .breadcrumbs,
.comments-area,
.post-navigation,
.af-reated-posts,
.aft-featured-category-section .af-container-row,
.archive-list-post .read-single,
.af-main-banner-categorized-posts,
.aft-trending-posts,
.af-main-banner-latest-posts {
	border-radius: var(--hc-r) !important;
	box-shadow: var(--hc-shadow);
	border: 0 !important;
}
#secondary .widget,
.sidebar-area .widget { overflow: hidden; }

/* cardurile din arhivă / listă: puțin aer și hover */
.archive-list-post .read-single {
	padding: 14px !important;
	transition: box-shadow .4s var(--hc-ease), transform .4s var(--hc-ease);
}
.archive-list-post .read-single:hover {
	box-shadow: var(--hc-shadow-hover);
	transform: translateY(-2px);
}

/* ---------- Etichete, butoane, câmpuri ---------- */
.cat-links li a,
.figure-categories .cat-links a,
.read-categories a,
.meta-category a {
	border-radius: 999px !important;
	padding: 3px 10px !important;
	letter-spacing: .02em;
}
.min-read,
.post-format-and-min-read-wrap .min-read {
	border-radius: 999px !important;
	padding: 3px 10px !important;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.trending-no {
	border-radius: 999px !important;
	min-width: 26px;
	text-align: center;
}
.aft-readmore,
a.aft-readmore,
.search-submit,
.wp-block-search__button,
input[type="submit"],
button[type="submit"],
.wpcf7-submit,
.af-slick-navcontrols .slide-icon,
.slick-arrow,
.page-numbers {
	border-radius: 999px !important;
	transition: background-color .25s, color .25s, border-color .25s, transform .25s var(--hc-ease);
}
.aft-readmore:hover,
input[type="submit"]:hover,
.wpcf7-submit:hover { transform: translateY(-1px); }
input[type="text"],
input[type="search"],
input[type="email"],
input[type="url"],
input[type="tel"],
.wp-block-search__input,
.search-field,
textarea,
select {
	border-radius: var(--hc-r-sm) !important;
}
.wp-block-search__inside-wrapper { gap: 8px; }

/* ---------- Pagina de articol ---------- */
.af-single-article { overflow: hidden; }
.af-single-article .entry-header .entry-title {
	letter-spacing: -.01em;
	line-height: 1.18;
}
.af-single-article .post-thumbnail.full-width-image {
	margin: 6px 22px 10px !important;
	box-shadow: var(--hc-shadow);
}
.af-single-article .post-thumbnail img { width: 100%; display: block; }

.single .entry-content {
	font-size: 18px;
	line-height: 1.8;
}
.single .entry-content > p,
.single .entry-content > ul,
.single .entry-content > ol {
	margin-bottom: 1.25em;
}
.single .entry-content h2,
.single .entry-content h3 {
	margin: 1.7em 0 .6em;
	line-height: 1.25;
	letter-spacing: -.01em;
}
.single .entry-content h2 { font-size: 1.45em; }
.single .entry-content h3 { font-size: 1.2em; }
.single .entry-content a {
	text-decoration: underline;
	text-decoration-thickness: 1.5px;
	text-underline-offset: 3px;
}
.single .entry-content img {
	height: auto;
	box-shadow: var(--hc-shadow);
	margin-block: 1.2em;
}
.single .entry-content figure img { margin-block: 0; }
.single .entry-content figcaption,
.single .entry-content .wp-caption-text {
	font-size: 14px;
	opacity: .7;
	text-align: center;
	margin-top: 8px;
}

/* sumarul de sub poză și citatele */
.single .post-excerpt,
.single .entry-content blockquote,
.single .entry-content .wp-block-quote {
	border-left: 4px solid var(--hc-yellow) !important;
	border-radius: 0 var(--hc-r-md) var(--hc-r-md) 0;
	background: rgba(255, 201, 52, .09);
	padding: 16px 20px !important;
	margin: 1.4em 0;
	font-style: normal;
}
.single .post-excerpt p:last-child,
.single .entry-content blockquote p:last-child { margin-bottom: 0; }

/* articolul anterior / următor */
.post-navigation .nav-links > div { border-radius: var(--hc-r-md); transition: background-color .25s; }
.post-navigation .nav-links > div:hover { background: rgba(29, 63, 191, .05); }

/* comentarii */
.comments-area { padding: 24px !important; }
.comment-respond { border-radius: var(--hc-r-md); }

/* ---------- Mobil ---------- */
@media (max-width: 767px) {
	:root { --hc-r: 14px; --hc-r-md: 12px; }
	.single .entry-content { font-size: 17px; line-height: 1.75; }
	.af-single-article .post-thumbnail.full-width-image { margin: 4px 12px 8px !important; }
}

/* ---------- Mod întunecat ---------- */
.aft-dark-mode {
	--hc-shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 32px -16px rgba(0, 0, 0, .7);
	--hc-shadow-hover: 0 2px 4px rgba(0, 0, 0, .45), 0 22px 44px -18px rgba(0, 0, 0, .8);
}
.aft-dark-mode .single .post-excerpt,
.aft-dark-mode .single .entry-content blockquote { background: rgba(255, 201, 52, .07); }

@media (prefers-reduced-motion: reduce) {
	.read-img img, .grid-design-texts-over-image, .archive-list-post .read-single { transition: none !important; }
	.read-single:hover .read-img img, .grid-design-texts-over-image:hover { transform: none !important; }
}

/* sumarul articolului: o singură bară galbenă (tema adaugă și o linie închisă) */
body.single .entry-content-wrap .post-excerpt,
body.single .entry-header .aft-post-excerpt-and-meta .post-excerpt {
	border-left: 4px solid var(--hc-yellow) !important;
	padding-left: 20px !important;
}
body.single .entry-content-wrap .post-excerpt::before,
body.single-post.aft-single-full-header .post-excerpt::before { display: none !important; }

/* imaginea principală: marginile nu se adună peste lățimea de 100% a temei */
.af-single-article .post-thumbnail.full-width-image { width: auto !important; max-width: 100%; }

/* bug vechi al temei: .container-wrapper are width:100% + padding, deci iese din ecran sub ~1180px */
@media (max-width: 1180px) {
	.container-wrapper { box-sizing: border-box; }
}

/* widget pus în alt widget (ex. „Sectiuni” în grup): fără card în card, textul stă în padding-ul cardului exterior */
#secondary .widget .widget,
.sidebar-area .widget .widget {
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	overflow: visible;
}
/* titlul lor arată ca restul titlurilor de widget */
#secondary .widget .widgettitle,
.sidebar-area .widget .widgettitle {
	position: relative;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 1.2;
	padding-bottom: 14px;
	margin: 0 0 12px;
}
#secondary .widget .widgettitle::after,
.sidebar-area .widget .widgettitle::after {
	content: "";
	position: absolute;
	left: 0; bottom: 0;
	width: 32px; height: 4px;
	border-radius: 2px;
	background: var(--hc-yellow);
}
#secondary .widget_nav_menu .menu li a { display: block; padding: 12px 4px; transition: color .2s, padding-left .25s var(--hc-ease); }
#secondary .widget_nav_menu .menu li a:hover { padding-left: 10px; }

/* aer în cardurile din sidebar: titlurile și textul nu mai ating marginea */
#secondary > .widget,
#secondary .widget-area > .widget,
.sidebar-area > .widget,
.sidebar-area .widget-area > .widget {
	padding: 22px !important;
}
@media (max-width: 767px) {
	#secondary > .widget,
	#secondary .widget-area > .widget,
	.sidebar-area > .widget,
	.sidebar-area .widget-area > .widget { padding: 18px !important; }
}

/* în sidebar, blocurile interioare ale widgeturilor nu sunt carduri separate */
#secondary .widget .af-main-banner-categorized-posts,
#secondary .widget .af-container-row,
.sidebar-area .widget .af-main-banner-categorized-posts,
.sidebar-area .widget .af-container-row {
	box-shadow: none !important;
	border-radius: 0 !important;
	background: transparent !important;
}

/* meniul din sidebar („Sectiuni”): rânduri compacte */
#secondary .widget_nav_menu .menu li,
#secondary .widget_nav_menu .menu .sub-menu {
	padding: 0 !important;
	margin: 0 !important;
}
#secondary .widget_nav_menu .menu li a {
	padding: 8px 4px !important;
	line-height: 1.35 !important;
	font-size: 15.5px;
}
#secondary .widget_nav_menu .menu .sub-menu li a {
	padding: 6px 4px 6px 18px !important;
	font-size: 14.5px;
	opacity: .85;
}
#secondary .widget_nav_menu .menu li a:hover { padding-left: 10px !important; }
#secondary .widget_nav_menu .menu .sub-menu li a:hover { padding-left: 24px !important; }