/* ================================================
   HeroFixer — Vendor Page Restyle v3
   Fixes: search bar, select2, message icon, details block
   ================================================ */

/* ── Gutenberg details/spacer blocks: strip ── */
.hp-page .wp-block-details,.content-area .wp-block-details{border:none!important;padding:0!important;margin:0!important;box-shadow:none!important;background:transparent!important}
.hp-page .wp-block-details>summary,.content-area .wp-block-details>summary{display:none!important}
.hp-page .wp-block-spacer{display:none!important}

/* ── Intro text ── */
.hp-page .hp-form--vendor-search::before{content:"Search for your service to list artisans; the Verified Badge confirms their vetted expertise.";display:block;font-size:15px;color:#374151;margin-bottom:20px;line-height:1.6;width:100%}

/* ── Search form container ── */
.hp-page form.hp-form--vendor-search{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:0!important;background:transparent!important;border:none!important;padding:0 0 24px!important;box-shadow:none!important;max-width:700px!important}
.hp-page .hp-form--vendor-search>.hp-form__messages{width:100%!important;flex:0 0 100%!important}

/* ── Fields row ── */
.hp-page .hp-form--vendor-search>.hp-form__fields{display:flex!important;gap:12px!important;flex:1!important;align-items:flex-end!important;flex-wrap:nowrap!important}
.hp-page .hp-form--vendor-search .hp-form__field{flex:1 1 0!important;min-width:0!important}
.hp-page .hp-form--vendor-search .hp-field--hidden{display:none!important}

/* ── Labels ── */
.hp-page .hp-form--vendor-search .hp-form__label,.hp-page .hp-form--vendor-search .hp-field__label{font-size:13px!important;font-weight:600!important;color:#1a1a1a!important;margin-bottom:6px!important;display:block!important}

/* ── "Find a service" label on keyword field ── */
.hp-page .hp-form--vendor-search .hp-form__field--search::before{content:"Find a service";display:block;font-size:13px;font-weight:600;color:#1a1a1a;margin-bottom:6px}

/* ── Keyword input ── */
.hp-page .hp-form--vendor-search .hp-field--search{width:100%!important;border:1.5px solid #d1d5db!important;border-radius:10px!important;padding:11px 14px!important;font-size:14px!important;color:#1a1a1a!important;background:#fff!important;outline:none!important;box-shadow:none!important;height:auto!important;-webkit-appearance:none!important;transition:border-color .2s!important}
.hp-page .hp-form--vendor-search .hp-field--search:focus{border-color:#88ba26!important;box-shadow:0 0 0 3px rgba(136,186,38,.12)!important}
.hp-page .hp-form--vendor-search .hp-field--search::placeholder{color:#9ca3af!important}

/* ── Select2 restyle ── */
.hp-page .hp-form--vendor-search .select2-container{width:100%!important}
.hp-page .hp-form--vendor-search .select2-container .select2-selection--multiple,.hp-page .hp-form--vendor-search .select2-container .select2-selection--single{border:1.5px solid #d1d5db!important;border-radius:10px!important;padding:6px 10px!important;min-height:44px!important;background:#fff!important;box-shadow:none!important;outline:none!important}
.hp-page .hp-form--vendor-search .select2-container--default .select2-selection--multiple:focus-within,.hp-page .hp-form--vendor-search .select2-container--default .select2-selection--single:focus-within{border-color:#88ba26!important;box-shadow:0 0 0 3px rgba(136,186,38,.12)!important}
.hp-page .hp-form--vendor-search .select2-search__field{margin-top:0!important;padding:4px 0!important;font-size:14px!important}
.hp-page .hp-form--vendor-search .select2-selection__arrow{top:50%!important;transform:translateY(-50%)!important;right:10px!important}

/* ── Button wrapper ── */
.hp-page .hp-form--vendor-search>.hp-form__footer{margin:0 0 0 12px!important;padding:0!important;align-self:flex-end!important;flex-shrink:0!important}

/* ── Search button: green square with FA icon ── */
.hp-page .hp-form--vendor-search .hp-field--submit{background:#88ba26!important;border:none!important;border-radius:12px!important;box-shadow:none!important;width:48px!important;min-width:48px!important;height:44px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;transition:background .2s!important;overflow:hidden!important}
.hp-page .hp-form--vendor-search .hp-field--submit:hover{background:#739e1f!important}
.hp-page .hp-form--vendor-search .hp-field--submit span{font-size:0!important;line-height:0!important;width:0!important;overflow:hidden!important;display:inline!important}
.hp-page .hp-form--vendor-search .hp-field--submit::before{content:"\f002";font-family:"Font Awesome 5 Free","Font Awesome 6 Free","FontAwesome";font-weight:900;font-size:16px;color:#fff;display:block}

/* ── Mobile filter ── */
.hp-button--vendor-filter{background:#88ba26!important;border-color:#88ba26!important;color:#fff!important;border-radius:8px!important}

/* ═════════════ GRID ═════════════ */
.hp-template--vendors-view-page .hp-page__sidebar{display:none!important}
.hp-template--vendors-view-page .hp-page__content{width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.hp-template--vendors-view-page .hp-page__topbar{display:none!important}
.hp-vendors.hp-grid .hp-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important}
.hp-vendors.hp-grid .hp-grid__item{width:100%!important;max-width:100%!important;flex:none!important;padding:0!important}

/* ═════════════ CARD ═════════════ */
.hp-vendor--view-block{border:1px solid #e5e7eb!important;border-radius:12px!important;overflow:hidden!important;background:#fff!important;box-shadow:none!important;transition:box-shadow .2s,transform .15s!important;display:flex!important;flex-direction:column!important;height:100%!important;position:relative!important}
.hp-vendor--view-block:hover{box-shadow:0 6px 20px rgba(0,0,0,.08)!important;transform:translateY(-2px)!important}

/* Photo */
.hp-vendor--view-block .hp-vendor__header{padding:0!important;margin:0!important}
.hp-vendor--view-block .hp-vendor__image{position:relative!important;width:100%!important;padding-top:75%!important;overflow:hidden!important;background:#f3f4f6!important}
.hp-vendor--view-block .hp-vendor__image a{position:absolute!important;top:0;left:0;width:100%;height:100%!important;display:block!important}
.hp-vendor--view-block .hp-vendor__image img{width:100%!important;height:100%!important;object-fit:cover!important;border-radius:0!important}

/* Heart */
.hf-fav-heart{position:absolute;top:10px;right:10px;width:34px;height:34px;background:rgba(255,255,255,.9);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;border:none;transition:background .2s,transform .15s;box-shadow:0 1px 4px rgba(0,0,0,.12)}
.hf-fav-heart:hover{background:#fff;transform:scale(1.08)}
.hf-fav-heart svg{width:16px;height:16px;stroke:#374151;fill:none;stroke-width:2}
.hf-fav-heart.is-fav svg{fill:#ef4444;stroke:#ef4444}

/* Content */
.hp-vendor--view-block .hp-vendor__content{padding:14px 16px 10px!important;flex:1!important}
.hp-vendor--view-block .hp-vendor__name{font-size:15px!important;font-weight:700!important;margin-bottom:2px!important;line-height:1.3!important}
.hp-vendor--view-block .hp-vendor__name a{color:#1a1a1a!important;text-decoration:none!important}
.hp-vendor--view-block .hp-vendor__verified-badge{color:#22c55e!important;font-size:14px!important;margin-left:4px!important}
.hp-vendor--view-block .hp-vendor__attribute--location{font-size:13px!important;color:#6b7280!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.hp-vendor--view-block .hp-vendor__registered-date{display:none!important}

/* Rating */
.hp-vendor--view-block .hp-vendor__rating{display:inline-flex!important;align-items:center!important;gap:4px!important;margin:6px 0!important}
.hp-vendor--view-block .hp-rating__bar{display:none!important}
.hp-vendor--view-block .hp-rating__value{background:#f9fafb!important;border:1px solid #e5e7eb!important;border-radius:4px!important;padding:2px 6px!important;font-size:12px!important;font-weight:600!important;color:#1a1a1a!important}
.hp-vendor--view-block .hp-rating__value i{color:#f59e0b!important;margin-right:2px!important}
.hp-vendor--view-block .hp-rating__count{display:none!important}

/* Injected elements */
.hf-exp-inline{font-size:12px;color:#6b7280;margin-left:6px}
.hf-exp-inline::before{content:"· ";color:#d1d5db}
.hf-skill-label{font-size:13px;color:#374151;font-weight:500;margin-bottom:4px}
.hf-bio-text{font-size:12px;color:#6b7280;line-height:1.5;margin-top:6px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* Hide default attributes we replace */
.hp-vendor--view-block .hp-vendor__attributes--secondary .hp-vendor__attribute--availability,.hp-vendor--view-block .hp-vendor__attributes--secondary .hp-vendor__attribute--experience{display:none!important}
.hp-vendor--view-block .hp-vendor__attributes--primary .hp-vendor__attribute--hourly-rate{display:none!important}

/* Footer */
.hp-vendor--view-block .hp-vendor__footer{padding:0 16px 14px!important;border-top:none!important}

/* Message icon: VISIBLE + green */
.hp-vendor--view-block .hp-vendor__actions--primary{display:flex!important;justify-content:flex-end!important;margin-bottom:8px!important}
.hp-vendor--view-block .hp-vendor__action--message{color:#88ba26!important;font-size:18px!important;text-decoration:none!important}
.hp-vendor--view-block .hp-vendor__action--message:hover{color:#739e1f!important}

/* Book button */
.hf-book-btn{display:block!important;width:100%!important;text-align:center!important;background:#88ba26!important;border:none!important;color:#fff!important;border-radius:8px!important;padding:10px 16px!important;font-size:13px!important;font-weight:600!important;text-decoration:none!important;transition:background .2s!important;box-shadow:none!important;cursor:pointer!important}
.hf-book-btn:hover{background:#739e1f!important;color:#fff!important}

/* ═════════════ SINGLE PAGE ═════════════ */
.hp-vendor--view-page .hp-vendor__image{border-radius:12px!important;overflow:hidden!important}
.hp-vendor--view-page .hp-vendor__image img{border-radius:12px!important}
.hp-vendor--view-page .hp-vendor__name{font-size:22px!important;font-weight:700!important}
.hp-vendor--view-page .hp-vendor__verified-badge{color:#22c55e!important}
.hf-book-btn-single{display:inline-block!important;background:#88ba26!important;color:#fff!important;border-radius:8px!important;padding:12px 28px!important;font-size:15px!important;font-weight:600!important;text-decoration:none!important;margin-top:12px!important;transition:background .2s!important}
.hf-book-btn-single:hover{background:#739e1f!important;color:#fff!important}

/* ═════════════ FILTER SIDEBAR ═════════════ */
.hp-form--vendor-filter .hp-field--submit{background:#88ba26!important;border-color:#88ba26!important;border-radius:8px!important;box-shadow:none!important}

/* ═════════════ RESPONSIVE ═════════════ */
@media(max-width:900px){.hp-vendors.hp-grid .hp-row{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}}
@media(max-width:600px){
.hp-vendors.hp-grid .hp-row{grid-template-columns:1fr!important;gap:12px!important}
.hp-vendor--view-block .hp-vendor__image{padding-top:65%!important}
.hp-vendor--view-block .hp-vendor__content{padding:12px 12px 8px!important}
.hp-vendor--view-block .hp-vendor__footer{padding:0 12px 12px!important}
.hp-page .hp-form--vendor-search>.hp-form__fields{flex-wrap:wrap!important}
.hp-page .hp-form--vendor-search .hp-form__field{flex:1 1 100%!important}
.hp-page .hp-form--vendor-search>.hp-form__footer{margin:12px 0 0!important;width:100%!important}
.hp-page .hp-form--vendor-search .hp-field--submit{width:100%!important}
.hp-page .hp-form--vendor-search::before{font-size:13px}
.hp-template--vendors-view-page .hp-page__sidebar{display:block!important}
}