/* ==========================================================================
   04-pages.css — Dashboard, blog, comentarios, páginas genéricas y sidebars.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Dashboard
   -------------------------------------------------------------------------- */

section#main-container.inner-dashboard {
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
}

.box-dashboard-wrapper {
	background: var(--jt-surface);
	border: 1px solid var(--jt-border);
	border-radius: var(--jt-radius-lg);
	box-shadow: var(--jt-shadow-sm);
	padding: 1.6rem;
	margin-bottom: 1.5rem;
}

.box-dashboard-wrapper > h3.widget-title,
.box-dashboard-wrapper > h3.title {
	margin-bottom: 1.3rem;
}

/* Tiles de estadísticas */
.box-dashboard-wrapper .statistics .inner-header {
	background: #f9fafb;
	border: 1px solid var(--jt-border);
	border-radius: var(--jt-radius);
	padding: 1.2rem;
	height: 100%;
	transition: all .25s var(--jt-ease);
}

.box-dashboard-wrapper .statistics .inner-header:hover {
	border-color: var(--jobtex-theme-color-08, rgba(20, 160, 119, .4));
	box-shadow: var(--jt-shadow-sm);
	transform: translateY(-2px);
}

.box-dashboard-wrapper .statistics .icon-wrapper {
	width: 48px;
	height: 48px;
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 14px;
	background: var(--jobtex-theme-color-008, rgba(20, 160, 119, .1));
	color: var(--jobtex-theme-color, #14a077);
	font-size: 22px;
}

.box-dashboard-wrapper .statistics .number-count {
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--jt-ink);
	letter-spacing: -.02em;
}

/* Tablas del dashboard */
.box-dashboard-wrapper .table-responsive {
	border: 1px solid var(--jt-border);
	border-radius: var(--jt-radius);
	overflow: hidden;
}

table.job-table {
	margin-bottom: 0;
}

table.job-table thead th {
	background: #f9fafb;
	border-bottom: 1px solid var(--jt-border);
	color: var(--jt-ink-3);
	font-size: .72rem;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .07em;
	padding: .9rem 1.1rem;
	white-space: nowrap;
}

table.job-table tbody td {
	padding: 1rem 1.1rem;
	border-bottom: 1px solid var(--jt-border-soft);
	vertical-align: middle;
}

table.job-table tbody tr:last-child td {
	border-bottom: none;
}

table.job-table tbody tr {
	transition: background .15s var(--jt-ease);
}

table.job-table tbody tr:hover {
	background: #f8fbfa;
}

.job-table h3.job-table-info-content-title,
.job-table h3.job-table-info-content-title a {
	font-size: .95rem;
	font-weight: 700;
	color: var(--jt-ink);
	text-decoration: none;
}

.job-table h3.job-table-info-content-title a:hover {
	color: var(--jobtex-theme-color, #14a077);
}

.application-status-label {
	border-radius: var(--jt-pill);
	font-size: .75rem;
	font-weight: 600;
	padding: .3rem .8rem;
}

/* Formularios de submission */
.job-submission-form-wrapper .cmb-form .form-control,
.profile-form-wrapper .form-control,
.resume-form-wrapper .form-control {
	background: #f9fafb;
}

.submit-button-wrapper .btn-theme {
	border-radius: var(--jt-radius-sm);
	padding: .7rem 2rem;
}

.alert.alert-danger {
	border-radius: var(--jt-radius);
	border: none;
	background: #fee4e2;
	color: #b42318;
}

.alert.alert-success {
	border-radius: var(--jt-radius);
	border: none;
	background: #d1fadf;
	color: #067647;
}

/* --------------------------------------------------------------------------
   Blog
   -------------------------------------------------------------------------- */

article.post.post-layout {
	background: var(--jt-surface);
	border: 1px solid var(--jt-border);
	border-radius: var(--jt-radius-lg);
	box-shadow: var(--jt-shadow-sm);
	overflow: hidden;
	transition: all .25s var(--jt-ease);
}

article.post.post-layout:hover {
	transform: translateY(-3px);
	box-shadow: var(--jt-shadow-lg);
}

article.post.post-layout .top-image {
	overflow: hidden;
}

article.post.post-layout .top-image img {
	transition: transform .6s var(--jt-ease);
	width: 100%;
	object-fit: cover;
}

article.post.post-layout:hover .top-image img {
	transform: scale(1.05);
}

article.post.post-layout .inner-bottom {
	padding: 1.4rem 1.6rem 1.6rem;
}

article.post.post-layout h4.entry-title,
article.post.post-layout h4.entry-title a,
article.post.post-layout h2.entry-title a,
article.post.post-layout h1.entry-title a {
	color: var(--jt-ink);
	font-weight: 700;
	letter-spacing: -.01em;
	text-decoration: none;
	transition: color .2s var(--jt-ease);
}

article.post.post-layout h4.entry-title a:hover,
article.post.post-layout h2.entry-title a:hover {
	color: var(--jobtex-theme-color, #14a077);
}

.top-detail-blog-info,
.top-detail-blog-info a {
	color: var(--jt-ink-3);
	font-size: .84rem;
}

.top-detail-blog-info .name-author {
	color: var(--jt-ink-2);
	font-weight: 600;
}

.list-categories a.categories-name {
	background: var(--jobtex-theme-color-008, rgba(20, 160, 119, .09));
	border-radius: var(--jt-pill);
	padding: .3rem .85rem;
	text-decoration: none;
}

/* Ficha de post single */
.entry-blog-header h1.entry-title,
.entry-blog-header-v1 h1.entry-title {
	font-size: clamp(1.7rem, 3.2vw, 2.5rem);
	font-weight: 800;
	letter-spacing: -.03em;
}

.entry-content-detail {
	color: var(--jt-ink-2);
	font-size: 1.02rem;
}

.entry-content-detail img {
	border-radius: var(--jt-radius);
}

.entry-content-detail blockquote {
	border-left: 4px solid var(--jobtex-theme-color, #14a077);
	background: var(--jobtex-theme-color-005, rgba(20, 160, 119, .05));
	border-radius: 0 var(--jt-radius-sm) var(--jt-radius-sm) 0;
	padding: 1rem 1.4rem;
	font-style: italic;
	color: var(--jt-ink);
}

/* Autor y navegación de posts */
.author-bio,
.post-navigation .inner,
.the_post_navigation .inner {
	background: var(--jt-surface);
	border: 1px solid var(--jt-border);
	border-radius: var(--jt-radius);
	box-shadow: var(--jt-shadow-sm);
}

/* Comentarios */
#comments .box-comment {
	background: var(--jt-surface);
	border: 1px solid var(--jt-border);
	border-radius: var(--jt-radius-lg);
	box-shadow: var(--jt-shadow-sm);
	padding: 1.8rem;
}

#comments .the-comment {
	background: #f9fafb;
	border: 1px solid var(--jt-border);
	border-radius: var(--jt-radius);
	padding: 1.2rem 1.4rem;
	margin-bottom: 1rem;
}

#comments .the-comment .avatar img {
	border-radius: var(--jt-pill);
	box-shadow: 0 0 0 3px var(--jobtex-theme-color-008, rgba(20, 160, 119, .12));
}

#comments .comment-author.meta strong {
	color: var(--jt-ink);
}

#comments .comment-author.meta .date {
	color: var(--jt-ink-3);
	font-size: .8rem;
}

.commentform .btn-theme {
	border-radius: var(--jt-radius-sm);
}

/* --------------------------------------------------------------------------
   Páginas genéricas y sidebars
   -------------------------------------------------------------------------- */

section#main-container {
	padding-top: 2rem;
	padding-bottom: 2.5rem;
}

.sidebar .widget,
.sidebar-wrapper aside.widget {
	margin-bottom: 1.2rem;
}

.sidebar .widget ul {
	padding-left: 0;
	list-style: none;
}

.sidebar .widget ul li a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: .35rem 0;
	color: var(--jt-ink-2);
	text-decoration: none;
	transition: all .2s var(--jt-ease);
}

.sidebar .widget ul li a:hover {
	color: var(--jobtex-theme-color, #14a077);
	transform: translateX(3px);
}

/* Contenido de páginas estáticas */
.main-page .entry-content a:not(.btn) {
	color: var(--jobtex-theme-color, #14a077);
}

/* Resultados de búsqueda */
.search-results article.post-list-item {
	margin-bottom: 1.2rem;
}