/*
Theme Name: Glozin Child
Theme URI: https://prelovedbazaar.co.uk/
Description: Preloved Bazaar's Vinted-feel CSS layer over Glozin. Lives only in this child theme — never in the marketplace plugin.
Author: Preloved Bazaar
Template: glozin
Version: 0.1.0
Text Domain: glozin-child
*/

/* === Header search bar (Vinted-style, no modal, larger) === */
.header-search { max-width: 820px !important; width: 100% !important; flex: 1 1 auto !important; margin: 0 24px !important; }
.header-search form,
.header-search .header-search__form { width: 100% !important; border: 1px solid #e0e0e0 !important; border-radius: 999px !important; background: #f5f6f7 !important; position: relative; }
.header-search form:focus-within { border-color: #007782 !important; background: #fff !important; box-shadow: 0 0 0 3px rgba(0,119,130,0.12) !important; }
.header-search input[type='search'],
.header-search input[type='text'],
.header-search .header-search__field { height: 54px !important; font-size: 16px !important; padding-left: 52px !important; padding-right: 16px !important; border: 0 !important; background: transparent !important; width: 100% !important; }
.header-search input::placeholder { color: #7a7d80 !important; font-weight: 400; }
.header-search .header-search__button { left: 8px !important; top: 50% !important; transform: translateY(-50%) !important; opacity: 0.7; }
.header-search .header-search__button:hover { opacity: 1; }
.header-search .close-search-results { display: none !important; }

/* === Logo sizing (keep from prior) === */
.header-logo .logo-dark, .header-logo .logo-light { width: 120px !important; height: auto !important; max-height: 40px !important; }
.header-logo a { min-width: 120px; display: inline-flex; align-items: center; }

/* === Suppress the search modal if it ever still triggers === */
body.search-modal-form #search-modal { display: none !important; }

/* === Header section flex weighting — give the centre column (search bar) most of the room === */
.header-main .header-center-items,
.header-bottom .header-center-items { flex: 4 1 0% !important; }
.header-main .header-left-items,
.header-main .header-right-items { flex: 0 0 auto !important; }
.header-search { max-width: 820px !important; min-width: 480px !important; }