/*
 * Global Search Bar Styles
 * (Loaded on all pages that need it)
 */

/* * Jab search bar .movie-page-search section ke andar ho,
 * toh uske internal padding ko 0 kar do.
 */
.movie-page-search .site-main-search {
	padding: 0; /* Remove padding from inner container */
	text-align: center;
}

/* * Fallback: Agar search bar .movie-page-search ke bahar ho 
 */
.site-main-search {
    padding: 25px 0 20px 0; 
	text-align: center;
}

.main-search-form { 
	display: inline-flex;
	max-width: 600px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 30px; /* Rounded corners */
	overflow: hidden;
	box-shadow: 0 0 8px 2px rgba(100, 150, 255, 0.25); /* Blue shadow */
}
.main-search-field { 
	flex-grow: 1;
	padding: 12px 20px; 
	border: none;
	font-size: 1rem; 
	background: #fff;
	min-width: 0; 
    height: auto;
    line-height: normal;
}
.main-search-field:focus {
	outline: none;
}
.main-search-submit { 
	padding: 0 25px; 
	border: none;
	background: #fd7e14; /* Orange button */
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	font-size: 1rem; 
	transition: background 0.2s;
	border-left: 1px solid #eee;
    display: flex; 
    align-items: center;
    gap: 5px;
    height: auto;
    line-height: normal;
}
.main-search-submit:hover {
	background: #e86a00;
}
.main-search-submit .fa-search {
    font-size: 0.9rem; /* Icon size */
}

/* Mobile Specific Adjustments for Search */
@media (max-width: 768px) {
    .main-search-field {
        padding: 10px 15px !important;
        font-size: 0.9rem !important;
    }
    .main-search-submit {
        padding: 0 18px !important;
        font-size: 0.9rem !important;
    }
    .main-search-submit .fa-search {
        font-size: 0.8rem !important;
    }
}