/*
Theme Name: Skills Developing Center
Theme URI: https://sdckarachi.edu.pk
Author: Hasnain Mawia
Author URI: https://hasnain-mawia.web.app/
Description: Training institute dynamic Custom Post Types for Courses, FAQs, Instructors, Partners and Hero Slides.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: sdc
*/
:root {
	--sdc-blue: #2563eb;
}
body {
	font-family: 'Poppins', ui-sans-serif, system-ui, -apple-system, sans-serif;
}

html {
	scrollbar-gutter: stable;
	scroll-behavior: smooth;
}

body.sdc-search-open {
	overflow: hidden;
}

.no-scrollbar::-webkit-scrollbar {
	display: none;
}

.no-scrollbar {
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.custom-logo{
	width: 220px;
}
.hero-swiper .swiper-pagination-bullet {
	background: #ffffff;
	opacity: .6;
}
.hero-swiper .swiper-pagination-bullet-active {
	opacity: 1;
	background: #FDB614;
}
.hero-swiper .swiper-button-next,
.hero-swiper .swiper-button-prev {
	color: #ffffff;
}

.faq-item.is-open .faq-icon {
	transform: rotate(45deg);
}
.faq-item .faq-answer {
	display: none;
}
.faq-item.is-open .faq-answer {
	display: block;
}
.sdc-desktop-nav ul,
.sdc-mobile-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.sdc-desktop-nav ul li a,
.sdc-mobile-menu ul li a {
	display: block;
	padding: 0.55rem 0.85rem;
	border-radius: 0.6rem;
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		transform 0.25s ease;
}

.sdc-desktop-nav ul li a:hover,
.sdc-desktop-nav ul li a:focus-visible,
.sdc-mobile-menu ul li a:hover,
.sdc-mobile-menu ul li a:focus-visible {
	background-color: var(--sdc-blue);
	color: #ffffff;
}

/* Small press effect */
.sdc-desktop-nav ul li a:active,
.sdc-mobile-menu ul li a:active {
	transform: scale(0.98);
}

/* Search buttons smooth hover */
[data-sdc-search-open] {
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		transform 0.25s ease;
}

[data-sdc-search-open]:hover,
[data-sdc-search-open]:focus-visible {
	background-color: var(--sdc-blue);
	color: #ffffff;
	border-color: var(--sdc-blue);
}

[data-sdc-search-open]:active {
	transform: scale(0.98);
}

/* Mobile toggle button hover */
#sdc-menu-toggle:hover,
#sdc-menu-toggle:focus-visible {
	background-color: var(--sdc-blue);
	color: #ffffff;
}
.current-menu-item{
	background-color: var(--sdc-blue);
	color: #ffffff;
	border-radius: 0.6rem;
}

/* Hamburger icon */
#sdc-menu-toggle .sdc-burger {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 16px;
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Rotate burger icon when open */
#sdc-menu-toggle.is-open .sdc-burger {
	transform: rotate(180deg);
}

.sdc-burger-line {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	border-radius: 9999px;
	background: currentColor;
	transition:
		top 0.3s ease,
		transform 0.3s ease,
		opacity 0.25s ease;
}

.sdc-burger-line:nth-child(1) {
	top: 0;
}

.sdc-burger-line:nth-child(2) {
	top: 7px;
}

.sdc-burger-line:nth-child(3) {
	top: 14px;
}

/* Hamburger to cross */
#sdc-menu-toggle.is-open .sdc-burger-line:nth-child(1) {
	top: 7px;
	transform: rotate(45deg);
}

#sdc-menu-toggle.is-open .sdc-burger-line:nth-child(2) {
	opacity: 0;
	transform: translateX(-8px);
}

#sdc-menu-toggle.is-open .sdc-burger-line:nth-child(3) {
	top: 7px;
	transform: rotate(-45deg);
}

.anim {
  animation: upDown 4s ease-in-out infinite;
}

@keyframes upDown {
  0%, 100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-10px);
  }
}





/* Pagination background + center */
.navigation.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px 0;
    background-color: #f5f7fa;
}

.navigation.pagination .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}

.navigation.pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    background-color: #ffffff;
    color: #0b2357;
    border: 1px solid #d9dfe8;
    border-radius: 6px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.navigation.pagination .page-numbers.current {
    background-color: #0b2357;
    color: #ffffff;
    border-color: #0b2357;
}

.navigation.pagination .page-numbers:hover {
    background-color: #0b2357;
    color: #ffffff;
    border-color: #0b2357;
}




.sdc-featured-card {
	background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%) !important;
	border: 2px solid #f59e0b !important;
}

.sdc-featured-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	padding: 5px 12px;
	border-radius: 20px;
	z-index: 5;
	box-shadow: 0 4px 10px rgba(245, 158, 11, 0.5);
	display: flex;
	align-items: center;
	gap: 4px;
	letter-spacing: 0.3px;
	animation: sdcBadgePulse 2s ease-in-out infinite;
}

@keyframes sdcBadgePulse {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.05); }
}