/*
Theme Name: Kentrung Search Theme
Author: Gemini
Description: A simple theme based on a search page layout.
Version: 1.1
*/

@font-face {
    font-family: 'PolySans Median';
    src: url('fonts/PolySans-Median.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column; /* Changed */
    align-items: flex-start; /* Changed */
    justify-content: flex-start; /* Changed */
    background: linear-gradient(90deg, #e3ffe7 0%, #d9e7ff 100%);
    font-family: 'PolySans Median', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'PolySans Median', sans-serif; /* Ensure headings also use the font */
}

/* Making the title bold as requested */
h1.display-5 {
    font-weight: bold;
    background: -webkit-linear-gradient(130deg, #ff2a91, #2295d8 60%, #161f29);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.search-container {
    max-width: 600px;
    width: 100%;
}

.form-control:focus {
    border-color: #86b7fe;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}

/* New Search Form Styles */
.search-form .input-group {
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}
.search-form .form-control {
    border-right: 0;
}
.search-form .form-control:focus {
    box-shadow: none; /* Override default bootstrap focus */
    border-color: #ced4da;
}
.search-form .btn-primary {
    border-radius: 0 .375rem .375rem 0;
}

/* Style for the old dropdown button, can be removed or kept */
.search-form .dropdown-toggle {
    border-radius: .375rem 0 0 .375rem;
    border-right: 1px solid #ced4da;
}

/* Adjust search category dropdown width */
#search-cat.form-select {
    width: auto;
    flex-grow: 0;
    flex-shrink: 1;
}

/* Scrollable Page Content */
.scrollable-page-content {
    flex-grow: 1; /* Allow it to grow and take available space */
    overflow-y: auto; /* Enable vertical scrolling */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling on iOS */
    padding-top: 20px; /* Add some top padding to prevent content from being hidden by fixed header */
    padding-bottom: 20px; /* Add some bottom padding */
}

.centered-page-content {
    margin: auto; /* Centers horizontally and vertically within flex container */
}

.category-capsule-link {
    border: 1px solid #18698b;
    color: #18698b;
    background-color: transparent;
    padding: .25rem .75rem; /* px-3 py-1 equivalent */
    border-radius: 50rem; /* rounded-pill equivalent */
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}
.category-capsule-link:hover {
    background-color: #18698b;
    color: #fff;
}