/* ==========================================================================
   02-header-footer.css — Header desktop/móvil, offcanvas y footer.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Header desktop
   -------------------------------------------------------------------------- */

#apus-header.apus-header,
#apus-header .main-sticky-header {
	background: rgba(255, 255, 255, .94);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--jt-border);
}

/* Logo más presente en desktop y móvil */
#apus-header .logo img {
	max-height: 62px;
	width: auto;
}

#apus-header-mobile .logo img {
	max-height: 48px;
	width: auto;
}

/* Enlaces del menú principal */
#apus-header .apus-megamenu .navbar-nav>li>a,
#apus-header .apus-megamenu .navbar-nav>li>a.nav-link {
	color: var(--jt-ink-2);
	font-weight: 600;
	font-size: .95rem;
	padding: .6rem .9rem;
	position: relative;
	transition: color .2s var(--jt-ease);
}

/* El padre dibuja su propio indicador con :before (bottom: 27px); al
   compactar el padding hay que reposicionarlo para que quede bajo el texto. */
#apus-header .apus-megamenu .navbar-nav>li>a:before {
	bottom: .45rem;
	height: 2px;
	border-radius: 2px;
	background: var(--jobtex-theme-color, #14a077);
}

#apus-header .apus-megamenu .navbar-nav>li>a:hover,
#apus-header .apus-megamenu .navbar-nav>li.current-menu-item>a,
#apus-header .apus-megamenu .navbar-nav>li.current_page_item>a {
	color: var(--jobtex-theme-color, #14a077);
}

#apus-header .apus-megamenu .navbar-nav>li.current-menu-item>a:before,
#apus-header .apus-megamenu .navbar-nav>li.current_page_item>a:before,
#apus-header .apus-megamenu .navbar-nav>li.active>a:before {
	width: 100%;
}

/* Dropdowns del megamenú */
#apus-header .apus-megamenu .dropdown-menu,
#apus-header .apus-megamenu .submenu {
	border: 1px solid var(--jt-border);
	border-radius: var(--jt-radius);
	box-shadow: var(--jt-shadow-lg);
	padding: .6rem;
	margin-top: .6rem;
}

#apus-header .apus-megamenu .dropdown-menu a,
#apus-header .apus-megamenu .submenu a {
	border-radius: 8px;
	padding: .5rem .8rem;
	transition: all .15s var(--jt-ease);
}

#apus-header .apus-megamenu .dropdown-menu a:hover,
#apus-header .apus-megamenu .submenu a:hover {
	background: var(--jobtex-theme-color-005, rgba(20, 160, 119, .06));
	color: var(--jobtex-theme-color, #14a077);
}

/* Zona derecha del header (botones de cuenta, publicar oferta…) */
#apus-header .header-right .btn {
	border-radius: var(--jt-radius-sm);
}

/* --------------------------------------------------------------------------
   Header móvil
   -------------------------------------------------------------------------- */

#apus-header-mobile.header-mobile {
	background: rgba(255, 255, 255, .96);
	-webkit-backdrop-filter: blur(12px);
	backdrop-filter: blur(12px);
	border-bottom: 1px solid var(--jt-border);
	box-shadow: var(--jt-shadow-sm);
}

#apus-header-mobile .btn-showmenu .inner1,
#apus-header-mobile .btn-showmenu .inner2,
#apus-header-mobile .btn-showmenu .inner3 {
	background: var(--jobtex-theme-color, #14a077);
	border-radius: 2px;
}

#apus-header-mobile a.message-notification,
#apus-header-mobile a.btn-menu-account {
	color: var(--jt-ink-2);
}

#apus-header-mobile .unread-count {
	border-radius: var(--jt-pill);
	font-size: .65rem;
}

/* Menú offcanvas móvil */
#apus-mobile-menu.apus-offcanvas {
	background: var(--jt-surface);
}

#apus-mobile-menu .navbar-offcanvas .navbar-nav a,
#apus-mobile-menu #mobile-menu-container a {
	color: var(--jt-ink);
	font-weight: 600;
	padding: .7rem .4rem;
	border-bottom: 1px solid var(--jt-border-soft);
}

#apus-mobile-menu .navbar-offcanvas .navbar-nav a:hover,
#apus-mobile-menu #mobile-menu-container a:hover {
	color: var(--jobtex-theme-color, #14a077);
}

#apus-mobile-menu .header-mobile-bottom .btn-theme {
	border-radius: var(--jt-radius-sm);
}

#apus-mobile-menu a.btn-toggle-canvas {
	color: var(--jt-ink-2);
}

/* --------------------------------------------------------------------------
   Footer
   -------------------------------------------------------------------------- */

/* El footer real es de Elementor con fondo claro: se estiliza en claro
   para que el texto sea siempre legible. */
#apus-footer.apus-footer {
	background: #ffffff;
	border-top: 1px solid var(--jt-border);
	color: var(--jt-ink-2);
	margin-top: 0;
}

#apus-footer .apus-footer-inner {
	color: var(--jt-ink-2);
}

#apus-footer a {
	color: var(--jt-ink-2);
	transition: color .2s var(--jt-ease);
}

#apus-footer a:hover {
	color: var(--jobtex-theme-color, #14a077);
}

#apus-footer h1,
#apus-footer h2,
#apus-footer h3,
#apus-footer h4,
#apus-footer h5,
#apus-footer h6,
#apus-footer .widget-title,
#apus-footer .elementor-heading-title {
	color: var(--jt-ink);
}

#apus-footer .widget,
#apus-footer aside.widget {
	background: transparent;
	border: none;
	box-shadow: none;
	padding: 0;
}

/* Redes sociales: chips circulares */
#apus-footer .widget-socials a {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: var(--jt-pill);
	background: #f2f4f7;
	color: var(--jt-ink-2);
	transition: all .2s var(--jt-ease);
}

#apus-footer .widget-socials a:hover {
	background: var(--jobtex-theme-color, #14a077);
	color: #fff;
	transform: translateY(-2px);
}

#apus-footer .widget-socials svg {
	width: 15px;
	height: 15px;
}

#apus-footer input.form-control,
#apus-footer .form-control {
	background: #f9fafb;
	border-color: var(--jt-border);
	color: var(--jt-ink);
}

#apus-footer .form-control::placeholder {
	color: var(--jt-ink-3);
}

/* Copyright */
#apus-footer .apus-copyright,
#apus-footer .copyright-content {
	border-top: 1px solid var(--jt-border);
	color: var(--jt-ink-3);
	font-size: .875rem;
}

#apus-footer .apus-copyright a {
	color: var(--jobtex-theme-color, #14a077);
}