/*
 * Search Results Page
 *
 * Header reuses .azuri-iph (inner-page-header.css) — no duplication needed.
 * This file adds the results list, cards, form, and pagination.
 *
 * @package Azuri_Group
 */

/* ==========================================================================
   Header overrides — centre the IPH content for the search banner
   ========================================================================== */

.azuri-search__header .azuri-iph__container {
	padding-bottom: var(--azuri-space-10, 48px);
}

.azuri-search__header .azuri-iph__content--centered {
	align-items: center;
	text-align:  center;
}

.azuri-search__header .azuri-iph__breadcrumb {
	text-align: center;
}

/* ==========================================================================
   Inline search form inside the header
   ========================================================================== */

.azuri-search__form {
	align-items:  center;
	display:      flex;
	gap:          var(--azuri-space-3, 12px);
	margin-top:   var(--azuri-space-6, 24px);
	max-width:    560px;
	width:        100%;
}

.azuri-search__input {
	background:    rgba(255, 255, 255, 0.08);
	border:        1px solid rgba(255, 255, 255, 0.2);
	border-radius: 10px;
	color:         var(--azuri-color-white, #fff);
	flex:          1 1 0;
	font-family:   var(--azuri-font-family-base);
	font-size:     15px;
	height:        48px;
	outline:       none;
	padding:       0 16px;
	transition:    border-color 0.15s ease, background 0.15s ease;
}

.azuri-search__input::placeholder {
	color: rgba(255, 255, 255, 0.38);
}

.azuri-search__input:focus {
	background:    rgba(255, 255, 255, 0.13);
	border-color:  rgba(42, 173, 181, 0.7);
}

.azuri-search__submit {
	flex-shrink: 0;
	height:      48px;
}

/* ==========================================================================
   Results section
   ========================================================================== */

.azuri-search__results {
	background:    var(--azuri-color-white, #fff);
	padding:       var(--azuri-space-10, 48px) 0 80px;
}

.azuri-search__results-inner {
	max-width: var(--azuri-container-max, 1100px);
}

/* ==========================================================================
   Results list
   ========================================================================== */

.azuri-search__list {
	display:        flex;
	flex-direction: column;
	gap:            0;
	list-style:     none;
	margin:         0;
	padding:        0;
}

/* ==========================================================================
   Individual result card
   ========================================================================== */

.azuri-search__item {
	border-bottom: 1px solid #e8f0f1;
}

.azuri-search__item:first-child {
	border-top: 1px solid #e8f0f1;
}

.azuri-search__card {
	padding: var(--azuri-space-6, 24px) 0;
	transition: background 0.15s ease;
}

.azuri-search__card:hover {
	background: #f8fbfc;
	margin:     0 calc(var(--azuri-space-5, 20px) * -1);
	padding-left:  var(--azuri-space-5, 20px);
	padding-right: var(--azuri-space-5, 20px);
}

/* Post type badge */
.azuri-search__card-meta {
	margin-bottom: var(--azuri-space-2, 8px);
}

.azuri-search__card-type {
	background:    rgba(42, 173, 181, 0.08);
	border:        0.5px solid rgba(42, 173, 181, 0.2);
	border-radius: var(--azuri-radius-pill, 999px);
	color:         var(--azuri-color-teal, #2aadb5);
	font-family:   var(--azuri-font-family-base);
	font-size:     10px;
	font-weight:   var(--azuri-font-weight-medium, 500);
	letter-spacing: 0.5px;
	padding:       3px 10px;
	text-transform: uppercase;
}

/* Title */
.azuri-search__card-title {
	font-family:    var(--azuri-font-family-base);
	font-size:      20px;
	font-weight:    var(--azuri-font-weight-medium, 500);
	letter-spacing: -0.3px;
	line-height:    1.35;
	margin:         0 0 var(--azuri-space-2, 8px);
}

.azuri-search__card-link {
	color:           var(--azuri-color-ink, #2e404f);
	text-decoration: none;
	transition:      color 0.15s ease;
}

.azuri-search__card-link:hover,
.azuri-search__card-link:focus-visible {
	color: var(--azuri-color-teal, #2aadb5);
}

/* Excerpt */
.azuri-search__card-excerpt {
	color:       #5a6f80;
	font-family: var(--azuri-font-family-base);
	font-size:   14px;
	line-height: 1.65;
	margin:      0 0 var(--azuri-space-2, 8px);
	max-width:   72ch;
}

/* URL slug */
.azuri-search__card-url {
	color:           rgba(42, 173, 181, 0.7);
	font-family:     var(--azuri-font-family-base);
	font-size:       12px;
	text-decoration: none;
}

/* ==========================================================================
   Pagination
   ========================================================================== */

.azuri-search__pagination {
	margin-top: var(--azuri-space-10, 48px);
}

.azuri-search__pagination .nav-links {
	display:  flex;
	gap:      var(--azuri-space-2, 8px);
	flex-wrap: wrap;
}

.azuri-search__pagination .page-numbers {
	align-items:     center;
	border:          1px solid #deeaec;
	border-radius:   8px;
	color:           var(--azuri-color-ink, #2e404f);
	display:         inline-flex;
	font-family:     var(--azuri-font-family-base);
	font-size:       14px;
	height:          40px;
	justify-content: center;
	min-width:       40px;
	padding:         0 12px;
	text-decoration: none;
	transition:      border-color 0.15s ease, color 0.15s ease, background 0.15s ease;
}

.azuri-search__pagination .page-numbers:hover,
.azuri-search__pagination .page-numbers:focus-visible {
	border-color: var(--azuri-color-teal, #2aadb5);
	color:        var(--azuri-color-teal, #2aadb5);
}

.azuri-search__pagination .page-numbers.current {
	background:   var(--azuri-color-teal, #2aadb5);
	border-color: var(--azuri-color-teal, #2aadb5);
	color:        var(--azuri-color-white, #fff);
}

/* ==========================================================================
   No results state
   ========================================================================== */

.azuri-search__no-results {
	margin:     var(--azuri-space-8, 32px) auto;
	max-width:  560px;
	text-align: center;
}

.azuri-search__no-results-msg {
	color:       #5a6f80;
	font-family: var(--azuri-font-family-base);
	font-size:   16px;
	line-height: 1.65;
	margin:      0 0 var(--azuri-space-6, 24px);
}

.azuri-search__no-results-actions {
	display:         flex;
	gap:             var(--azuri-space-3, 12px);
	justify-content: center;
	flex-wrap:       wrap;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media (max-width: 1023px) {
	.azuri-search__form {
		flex-direction: column;
		max-width:      400px;
	}

	.azuri-search__input,
	.azuri-search__submit {
		width: 100%;
	}
}

@media (max-width: 767px) {
	.azuri-search__results {
		padding: var(--azuri-space-8, 32px) 0 56px;
	}

	.azuri-search__card-title {
		font-size: 18px;
	}

	.azuri-search__card:hover {
		margin:       0;
		padding-left:  0;
		padding-right: 0;
	}
}