/* ============================================================
   WORLDCONNECT PRO — CATEGORY / LOCATION CLEAN FINAL CSS
   File: public_html/css/wcp-category.css
   Amaç: Ana sayfa ile uyumlu tek beyaz kurumsal liste modeli.
   Not: Hover zıplaması, titreme, dark-theme karmaşası ve gereksiz animasyon yok.
============================================================ */

:root {
    --wcp-cat-shell: 1180px;
    --wcp-cat-pad: 24px;
    --wcp-cat-bg: #f4f7fb;
    --wcp-cat-bg-2: #eef4ff;
    --wcp-cat-surface: #ffffff;
    --wcp-cat-soft: #f8fafc;
    --wcp-cat-soft-2: #eef4ff;
    --wcp-cat-text: #0f172a;
    --wcp-cat-heading: #07111f;
    --wcp-cat-muted: #475569;
    --wcp-cat-faint: #94a3b8;
    --wcp-cat-border: #dbe4f0;
    --wcp-cat-border-2: #cbd5e1;
    --wcp-cat-blue: #2563eb;
    --wcp-cat-blue-2: #1d4ed8;
    --wcp-cat-violet: #7c3aed;
    --wcp-cat-green: #16a34a;
    --wcp-cat-gold: #f59e0b;
    --wcp-cat-red: #dc2626;
    --wcp-cat-radius: 14px;
    --wcp-cat-radius-lg: 18px;
}

html,
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

body {
    background:
        radial-gradient(circle at 8% 0%, rgba(37,99,235,.08), transparent 34%),
        radial-gradient(circle at 92% 0%, rgba(124,58,237,.06), transparent 34%),
        linear-gradient(180deg, #f3f7ff 0%, var(--wcp-cat-bg) 52%, #f8fafc 100%) !important;
    color: var(--wcp-cat-text) !important;
    font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

body *,
main.wcp-category-page *,
main.wcp-location-page * {
    box-sizing: border-box !important;
}

/* Tüm titreme/hover zıplama kilidi */
main.wcp-category-page *,
main.wcp-location-page * {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
}

main.wcp-category-page a,
main.wcp-location-page a,
main.wcp-category-page button,
main.wcp-location-page button,
main.wcp-category-page input,
main.wcp-location-page input,
main.wcp-category-page select,
main.wcp-location-page select,
main.wcp-category-page label,
main.wcp-location-page label {
    pointer-events: auto !important;
}

main.container.wcp-category-page,
main.container.wcp-location-page,
main.wcp-location-page.wcp-category-page {
    width: min(calc(100% - var(--wcp-cat-pad)), var(--wcp-cat-shell)) !important;
    max-width: var(--wcp-cat-shell) !important;
    margin: 18px auto 56px !important;
    padding: 0 !important;
    min-width: 0 !important;
}

main.wcp-category-page > .row,
main.wcp-location-page > .row,
main.wcp-location-page.wcp-category-page .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    --bs-gutter-x: 0 !important;
}

main.wcp-category-page .wcp-location-main,
main.wcp-location-page .wcp-location-main,
main.wcp-location-page.wcp-category-page [class*="col-"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

main.wcp-category-page .wcp-location-side,
main.wcp-location-page .wcp-location-side,
main.wcp-category-page > .row > .col-lg-3,
main.wcp-location-page > .row > .col-lg-3 {
    display: none !important;
}

/* ============================================================
   SEARCH — ana sayfa gibi sade
============================================================ */
.wcp-category-page .wcp-category-home-search-lite,
.wcp-location-page .wcp-category-home-search-lite {
    position: relative !important;
    width: 100% !important;
    margin: 0 0 16px !important;
    padding: 9px !important;
    border-radius: 12px !important;
    border: 1px solid var(--wcp-cat-border) !important;
    background: rgba(255,255,255,.94) !important;
    box-shadow: 0 10px 26px rgba(15,23,42,.06) !important;
}

.wcp-category-page .wcp-smart-search-form,
.wcp-location-page .wcp-smart-search-form {
    position: relative !important;
    margin: 0 !important;
}

.wcp-category-page .wcp-smart-search-main,
.wcp-location-page .wcp-smart-search-main {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) 132px !important;
    gap: 9px !important;
    align-items: stretch !important;
}

.wcp-category-page .wcp-smart-search-inputbox,
.wcp-location-page .wcp-smart-search-inputbox {
    position: relative !important;
    min-height: 44px !important;
    height: 44px !important;
    border-radius: 10px !important;
    border: 1px solid var(--wcp-cat-border-2) !important;
    background: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    overflow: hidden !important;
}

.wcp-category-page .wcp-smart-search-inputbox:focus-within,
.wcp-location-page .wcp-smart-search-inputbox:focus-within {
    border-color: rgba(37,99,235,.55) !important;
    box-shadow: 0 0 0 4px rgba(37,99,235,.10) !important;
}

.wcp-category-page .wcp-smart-search-inputbox > i,
.wcp-location-page .wcp-smart-search-inputbox > i {
    width: 38px !important;
    min-width: 38px !important;
    text-align: center !important;
    color: var(--wcp-cat-blue) !important;
    -webkit-text-fill-color: var(--wcp-cat-blue) !important;
    font-size: 14px !important;
}

.wcp-category-page .wcp-smart-search-inputbox input,
.wcp-location-page .wcp-smart-search-inputbox input {
    width: 100% !important;
    height: 42px !important;
    min-height: 42px !important;
    min-width: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--wcp-cat-text) !important;
    -webkit-text-fill-color: var(--wcp-cat-text) !important;
    font-size: 13.5px !important;
    font-weight: 750 !important;
    padding: 0 38px 0 0 !important;
}

.wcp-category-page .wcp-smart-search-inputbox input::placeholder,
.wcp-location-page .wcp-smart-search-inputbox input::placeholder {
    color: #718096 !important;
    -webkit-text-fill-color: #718096 !important;
    opacity: 1 !important;
}

.wcp-category-page .wcp-smart-search-submit,
.wcp-location-page .wcp-smart-search-submit {
    width: 132px !important;
    min-width: 132px !important;
    min-height: 44px !important;
    height: 44px !important;
    padding: 0 14px !important;
    border: 1px solid var(--wcp-cat-blue) !important;
    border-radius: 10px !important;
    background: var(--wcp-cat-blue) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    font-size: 13.5px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    cursor: pointer !important;
}

.wcp-category-page .wcp-smart-search-submit:hover,
.wcp-location-page .wcp-smart-search-submit:hover,
.wcp-category-page .wcp-smart-search-submit:focus,
.wcp-location-page .wcp-smart-search-submit:focus {
    background: var(--wcp-cat-blue-2) !important;
    border-color: var(--wcp-cat-blue-2) !important;
}

.wcp-category-page .wcp-smart-search-clear,
.wcp-location-page .wcp-smart-search-clear {
    position: absolute !important;
    right: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 28px !important;
    height: 28px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #eef2ff !important;
    color: #475569 !important;
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
}

.wcp-category-page .wcp-smart-search-clear.is-visible,
.wcp-location-page .wcp-smart-search-clear.is-visible {
    display: inline-flex !important;
}

.wcp-category-page .wcp-smart-search-results,
.wcp-location-page .wcp-smart-search-results {
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    top: calc(100% + 9px) !important;
    z-index: 1000 !important;
    border-radius: 14px !important;
    border: 1px solid var(--wcp-cat-border) !important;
    background: #ffffff !important;
    box-shadow: 0 22px 58px rgba(15,23,42,.16) !important;
    overflow: hidden !important;
}

.wcp-smart-search-state {
    min-height: 54px !important;
    padding: 14px 16px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    color: var(--wcp-cat-muted) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.wcp-smart-result-item {
    display: grid !important;
    grid-template-columns: 46px minmax(0,1fr) auto !important;
    gap: 12px !important;
    align-items: center !important;
    padding: 12px 14px !important;
    color: var(--wcp-cat-text) !important;
    text-decoration: none !important;
    border-bottom: 1px solid var(--wcp-cat-border) !important;
    background: #ffffff !important;
}

.wcp-smart-result-item:hover {
    background: #f8fafc !important;
}

.wcp-smart-result-img {
    width: 46px !important;
    height: 46px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
    border: 1px solid var(--wcp-cat-border) !important;
}

.wcp-smart-result-title {
    margin: 0 !important;
    font-size: 14.5px !important;
    font-weight: 950 !important;
    color: var(--wcp-cat-heading) !important;
}

.wcp-smart-result-desc {
    margin: 3px 0 0 !important;
    color: var(--wcp-cat-muted) !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
}

.wcp-smart-result-action {
    color: var(--wcp-cat-blue) !important;
    font-size: 12.5px !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

/* ============================================================
   HERO / BREADCRUMB / FILTER
============================================================ */
.wcp-location-hero,
.wcp-category-page .wcp-location-hero,
.wcp-location-page .wcp-location-hero {
    position: relative !important;
    width: 100% !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(147,197,253,.20) !important;
    background:
        radial-gradient(circle at 14% 0%, rgba(37,99,235,.28), transparent 34%),
        radial-gradient(circle at 86% 5%, rgba(124,58,237,.42), transparent 40%),
        linear-gradient(135deg, #102a59 0%, #0b1220 54%, #2d1b62 100%) !important;
    padding: 28px 30px !important;
    margin: 0 0 16px !important;
    box-shadow: none !important;
}

.wcp-location-hero-inner {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 22px !important;
}

.wcp-location-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 28px !important;
    margin: 0 0 10px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(124,58,237,.22) !important;
    border: 1px solid rgba(167,139,250,.34) !important;
    color: #c4b5fd !important;
    -webkit-text-fill-color: #c4b5fd !important;
    font-size: .70rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.wcp-location-title {
    margin: 0 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: clamp(1.62rem, 2.45vw, 2.5rem) !important;
    line-height: 1.08 !important;
    letter-spacing: -.05em !important;
    font-weight: 950 !important;
}

.wcp-location-desc {
    max-width: 850px !important;
    margin: 10px 0 0 !important;
    color: rgba(255,255,255,.90) !important;
    -webkit-text-fill-color: rgba(255,255,255,.90) !important;
    font-size: .94rem !important;
    line-height: 1.48 !important;
    font-weight: 700 !important;
}

.wcp-location-stat {
    flex: 0 0 auto !important;
    width: 140px !important;
    min-height: 84px !important;
    border-radius: 14px !important;
    border: 1px solid rgba(167,139,250,.38) !important;
    background: rgba(124,58,237,.22) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 10px !important;
}

.wcp-location-stat strong {
    display: block !important;
    font-size: 1.05rem !important;
    font-weight: 950 !important;
    line-height: 1.1 !important;
}

.wcp-location-stat span {
    font-size: .78rem !important;
    font-weight: 800 !important;
}

.top-action-bar,
.wcp-location-select-box,
.wcp-category-filterbar,
.wcp-location-filterbar,
.empty-state,
.wcp-location-seo-content {
    width: 100% !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    border: 1px solid var(--wcp-cat-border) !important;
    box-shadow: none !important;
    margin-bottom: 14px !important;
    color: var(--wcp-cat-text) !important;
}

.top-action-bar { padding: 12px 16px !important; }
.wcp-location-select-box { padding: 16px !important; }
.wcp-category-filterbar, .wcp-location-filterbar { padding: 14px 16px !important; }

.breadcrumbs {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    color: var(--wcp-cat-muted) !important;
    font-size: .80rem !important;
    font-weight: 800 !important;
}

.breadcrumbs a {
    color: var(--wcp-cat-blue) !important;
    text-decoration: none !important;
}

.wcp-location-select-head,
.wcp-category-filterbar,
.wcp-location-filterbar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
}

.wcp-location-select-title,
.wcp-category-filter-title,
.wcp-filter-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px !important;
    color: var(--wcp-cat-heading) !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
}

.wcp-location-select-copy p {
    margin: 0 0 10px !important;
    color: var(--wcp-cat-muted) !important;
    font-size: .86rem !important;
    line-height: 1.45 !important;
    font-weight: 650 !important;
}

.wcp-location-current-path {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: var(--wcp-cat-text) !important;
    font-size: .82rem !important;
    font-weight: 700 !important;
}

.wcp-location-toggle-btn,
.wcp-category-filter-chip,
.wcp-filter-chip,
.wcp-category-sort-select,
.wcp-location-sort-select,
.wcp-view-btn {
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid var(--wcp-cat-border) !important;
    background: #ffffff !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    font-size: .75rem !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 12px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.wcp-category-filter-chip.is-active,
.wcp-filter-chip.is-active,
.wcp-view-btn.is-active {
    background: #eff6ff !important;
    color: var(--wcp-cat-blue-2) !important;
    -webkit-text-fill-color: var(--wcp-cat-blue-2) !important;
    border-color: #bfdbfe !important;
}

.wcp-category-filter-chips,
.wcp-filter-chips {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.wcp-category-filter-left,
.wcp-filter-left {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

.wcp-category-filter-right,
.wcp-filter-right {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.wcp-category-sort-label,
.wcp-location-sort-label {
    margin: 0 !important;
    color: var(--wcp-cat-heading) !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
}

.wcp-location-select-panel {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid var(--wcp-cat-border) !important;
}

.wcp-location-search-wrap {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 40px !important;
    margin-bottom: 12px !important;
    border-radius: 10px !important;
    border: 1px solid var(--wcp-cat-border) !important;
    background: #f8fafc !important;
}

.wcp-location-search-wrap i {
    width: 40px !important;
    min-width: 40px !important;
    text-align: center !important;
    color: var(--wcp-cat-blue) !important;
}

.wcp-location-search-input {
    width: 100% !important;
    height: 38px !important;
    border: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: var(--wcp-cat-text) !important;
    font-size: .86rem !important;
    font-weight: 700 !important;
}

.wcp-location-directory {
    max-height: 420px !important;
    overflow-y: auto !important;
    padding-right: 4px !important;
}

.wcp-location-index-toolbar,
.wcp-location-letter-grid {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.wcp-location-index-toolbar { margin-bottom: 12px !important; }

.wcp-location-index-letter,
.wcp-location-index-link {
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid var(--wcp-cat-border) !important;
    background: #f8fafc !important;
    color: var(--wcp-cat-text) !important;
    text-decoration: none !important;
    font-size: .80rem !important;
    font-weight: 850 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
}

.wcp-location-letter-head {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 10px 0 8px !important;
    color: var(--wcp-cat-heading) !important;
}

.wcp-location-letter-head span {
    color: var(--wcp-cat-muted) !important;
    font-size: .78rem !important;
    font-weight: 700 !important;
}

/* ============================================================
   CARD LIST
============================================================ */
#infinite-scroll,
.infinite-scroll {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
}

.master-card {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    border-radius: 14px !important;
    border: 1px solid var(--wcp-cat-border) !important;
    background: #ffffff !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.045) !important;
    display: grid !important;
    grid-template-columns: 80px minmax(0,1fr) 160px !important;
    gap: 18px !important;
    align-items: stretch !important;
    color: var(--wcp-cat-text) !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    overflow: visible !important;
}

.master-card:hover,
.master-card:focus,
.master-card:active {
    border-color: #bfdbfe !important;
    background: #ffffff !important;
    transform: none !important;
    box-shadow: 0 8px 22px rgba(15,23,42,.045) !important;
}

.mc-left,
.mc-center,
.mc-right {
    position: relative !important;
    min-width: 0 !important;
    pointer-events: auto !important;
}

.mc-left {
    width: 80px !important;
    min-width: 80px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    z-index: 2 !important;
}

.mc-logo-wrap {
    width: 80px !important;
    height: 80px !important;
    min-width: 80px !important;
    min-height: 80px !important;
    border-radius: 12px !important;
    padding: 5px !important;
    background: #f8fafc !important;
    border: 1px solid var(--wcp-cat-border) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.mc-logo-wrap a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

.mc-logo-wrap img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 9px !important;
}

.mc-center {
    z-index: 3 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

.mc-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin: 0 0 7px !important;
    align-items: center !important;
}

.mc-badge {
    min-height: 22px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    font-size: .58rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .04em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}

.badge-featured {
    background: rgba(245,158,11,.12) !important;
    color: var(--wcp-cat-gold) !important;
    -webkit-text-fill-color: var(--wcp-cat-gold) !important;
    border: 1px solid rgba(245,158,11,.28) !important;
}

.badge-aiseo {
    background: #0f172a !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: 1px solid #1e3a8a !important;
}

.badge-status-open {
    background: rgba(22,163,74,.10) !important;
    color: var(--wcp-cat-green) !important;
    -webkit-text-fill-color: var(--wcp-cat-green) !important;
    border: 1px solid rgba(22,163,74,.24) !important;
}

.badge-status-closed {
    background: rgba(220,38,38,.08) !important;
    color: var(--wcp-cat-red) !important;
    -webkit-text-fill-color: var(--wcp-cat-red) !important;
    border: 1px solid rgba(220,38,38,.18) !important;
}

.mc-title-wrapper {
    margin: 0 0 6px !important;
    line-height: 1.18 !important;
}

.mc-title {
    color: var(--wcp-cat-heading) !important;
    -webkit-text-fill-color: var(--wcp-cat-heading) !important;
    text-decoration: none !important;
    font-size: clamp(1.04rem,1.15vw,1.24rem) !important;
    line-height: 1.16 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    word-break: break-word !important;
}

.mc-title:hover,
.mc-title:focus {
    color: var(--wcp-cat-blue-2) !important;
    -webkit-text-fill-color: var(--wcp-cat-blue-2) !important;
    text-decoration: none !important;
}

.mc-verified-icon {
    color: var(--wcp-cat-blue) !important;
    -webkit-text-fill-color: var(--wcp-cat-blue) !important;
    font-size: .96rem !important;
    margin-left: 4px !important;
    vertical-align: middle !important;
}

.mc-meta {
    margin: 0 0 10px !important;
    color: var(--wcp-cat-muted) !important;
    font-size: .84rem !important;
    line-height: 1.38 !important;
    font-weight: 750 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.mc-meta a,
.meta-link,
.mc-meta .job {
    color: var(--wcp-cat-blue) !important;
    -webkit-text-fill-color: var(--wcp-cat-blue) !important;
    text-decoration: none !important;
    font-weight: 850 !important;
}

.mc-meta .sep {
    color: var(--wcp-cat-muted) !important;
}

.wcp-card-location-inline,
.wcp-card-location-inline a,
.wcp-card-location-inline .loc {
    color: var(--wcp-cat-muted) !important;
    -webkit-text-fill-color: var(--wcp-cat-muted) !important;
    text-decoration: none !important;
}

.mc-desc {
    margin: 0 0 10px !important;
    color: var(--wcp-cat-muted) !important;
    font-size: .88rem !important;
    line-height: 1.48 !important;
    font-weight: 650 !important;
}

.mc-desc .text-clamp {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.mc-read-more {
    margin-top: 5px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--wcp-cat-blue-2) !important;
    font-size: .80rem !important;
    font-weight: 900 !important;
    cursor: pointer !important;
}

.mc-web-link {
    width: fit-content !important;
    max-width: 100% !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    color: var(--wcp-cat-blue-2) !important;
    -webkit-text-fill-color: var(--wcp-cat-blue-2) !important;
    font-size: .82rem !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.mc-map-box {
    margin: 9px 0 11px !important;
    border-radius: 12px !important;
    border: 1px solid var(--wcp-cat-border) !important;
    overflow: hidden !important;
    background: #f8fafc !important;
}

.mc-map-frame {
    width: 100% !important;
    height: 128px !important;
    background: #dbeafe !important;
}

.mc-map-frame iframe {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    pointer-events: none !important;
}

.mc-map-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: 9px 10px !important;
    background: #ffffff !important;
    border-top: 1px solid var(--wcp-cat-border) !important;
}

.mc-address-text {
    margin: 0 !important;
    min-width: 0 !important;
    color: var(--wcp-cat-muted) !important;
    font-size: .78rem !important;
    line-height: 1.32 !important;
    font-weight: 700 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.mc-btn-directions {
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    background: #eff6ff !important;
    border: 1px solid #bfdbfe !important;
    color: var(--wcp-cat-blue-2) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: .74rem !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
}

.mc-right {
    z-index: 4 !important;
    border-left: 1px solid var(--wcp-cat-border) !important;
    padding-left: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    text-align: center !important;
}

.mc-rating-top {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    line-height: 1 !important;
}

.mc-rating-top .stars,
.mc-rating-top .stars *,
.stars,
.stars * {
    color: var(--wcp-cat-gold) !important;
    -webkit-text-fill-color: var(--wcp-cat-gold) !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
}

.mc-rating-top .score,
.score {
    color: var(--wcp-cat-blue) !important;
    -webkit-text-fill-color: var(--wcp-cat-blue) !important;
    font-size: .92rem !important;
    font-weight: 950 !important;
}

.mc-btn,
a.mc-btn,
button.mc-btn {
    position: relative !important;
    z-index: 20 !important;
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: 10px !important;
    border: 1px solid var(--wcp-cat-blue) !important;
    background: var(--wcp-cat-blue) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    font-size: .88rem !important;
    font-weight: 950 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transform: none !important;
}

.mc-btn:hover,
.mc-btn:focus,
.mc-btn:active {
    background: var(--wcp-cat-blue-2) !important;
    border-color: var(--wcp-cat-blue-2) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

.mc-btn * { pointer-events: none !important; }

.mc-interactive-stars {
    direction: rtl !important;
    display: inline-flex !important;
    gap: 2px !important;
}

.mc-interactive-stars input {
    display: none !important;
}

.mc-interactive-stars label {
    color: var(--wcp-cat-gold) !important;
    font-size: 15px !important;
    cursor: pointer !important;
    line-height: 1 !important;
}

.wcp-category-filter-empty,
.empty-state {
    padding: 22px !important;
    text-align: center !important;
    color: var(--wcp-cat-muted) !important;
    font-weight: 800 !important;
}

.pagination__next {
    display: none !important;
}

/* Fazla eski efekt katmanlarını sustur */
.master-card::before,
.master-card::after,
.mc-left::before,
.mc-center::before,
.mc-right::before {
    display: none !important;
    content: none !important;
}

/* ============================================================
   RESPONSIVE
============================================================ */
@media (max-width: 991.98px) {
    :root { --wcp-cat-pad: 28px; }

    .master-card {
        grid-template-columns: 74px minmax(0,1fr) !important;
        grid-template-areas:
            "logo center"
            "right right" !important;
        gap: 14px !important;
        padding: 16px !important;
    }

    .mc-left { grid-area: logo !important; width: 74px !important; min-width: 74px !important; }
    .mc-center { grid-area: center !important; }
    .mc-right {
        grid-area: right !important;
        width: 100% !important;
        border-left: 0 !important;
        border-top: 1px solid var(--wcp-cat-border) !important;
        padding-left: 0 !important;
        padding-top: 14px !important;
        align-items: stretch !important;
    }

    .mc-logo-wrap {
        width: 74px !important;
        height: 74px !important;
        min-width: 74px !important;
        min-height: 74px !important;
    }

    .mc-btn { max-width: 260px !important; margin: 0 auto !important; }
}

@media (max-width: 767.98px) {
    :root { --wcp-cat-pad: 0px; }

    main.container.wcp-category-page,
    main.container.wcp-location-page,
    main.wcp-location-page.wcp-category-page {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 12px !important;
        margin-bottom: 36px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .wcp-category-page .wcp-category-home-search-lite,
    .wcp-location-page .wcp-category-home-search-lite {
        padding: 7px !important;
        margin-bottom: 14px !important;
        border-radius: 11px !important;
    }

    .wcp-category-page .wcp-smart-search-main,
    .wcp-location-page .wcp-smart-search-main {
        grid-template-columns: minmax(0,1fr) 82px !important;
        gap: 7px !important;
    }

    .wcp-category-page .wcp-smart-search-inputbox,
    .wcp-location-page .wcp-smart-search-inputbox,
    .wcp-category-page .wcp-smart-search-submit,
    .wcp-location-page .wcp-smart-search-submit {
        height: 38px !important;
        min-height: 38px !important;
        border-radius: 9px !important;
    }

    .wcp-category-page .wcp-smart-search-inputbox > i,
    .wcp-location-page .wcp-smart-search-inputbox > i {
        width: 30px !important;
        min-width: 30px !important;
        font-size: 12px !important;
    }

    .wcp-category-page .wcp-smart-search-inputbox input,
    .wcp-location-page .wcp-smart-search-inputbox input {
        height: 36px !important;
        min-height: 36px !important;
        font-size: 12.5px !important;
        padding-right: 32px !important;
    }

    .wcp-category-page .wcp-smart-search-submit,
    .wcp-location-page .wcp-smart-search-submit {
        width: 82px !important;
        min-width: 82px !important;
        font-size: 12.5px !important;
        padding: 0 8px !important;
    }

    .wcp-category-page .wcp-smart-search-submit i,
    .wcp-location-page .wcp-smart-search-submit i,
    .wcp-smart-result-action {
        display: none !important;
    }

    .wcp-smart-search-results {
        position: static !important;
        margin-top: 8px !important;
    }

    .wcp-smart-result-item {
        grid-template-columns: 42px minmax(0,1fr) !important;
    }

    .wcp-location-hero {
        padding: 20px 16px !important;
        border-radius: 16px !important;
    }

    .wcp-location-hero-inner {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }

    .wcp-location-title {
        font-size: 1.55rem !important;
        line-height: 1.12 !important;
    }

    .wcp-location-desc {
        font-size: .84rem !important;
        line-height: 1.42 !important;
    }

    .wcp-location-stat {
        width: 100% !important;
        min-height: 62px !important;
        flex-direction: row !important;
        justify-content: flex-start !important;
        gap: 10px !important;
    }

    .top-action-bar,
    .wcp-location-select-box,
    .wcp-category-filterbar,
    .wcp-location-filterbar {
        border-radius: 13px !important;
        padding: 13px !important;
        margin-bottom: 12px !important;
    }

    .wcp-location-select-head,
    .wcp-category-filterbar,
    .wcp-location-filterbar {
        flex-direction: column !important;
        align-items: stretch !important;
    }

    .wcp-category-filter-right,
    .wcp-filter-right {
        width: 100% !important;
        justify-content: flex-start !important;
    }

    .wcp-category-sort-select,
    .wcp-location-sort-select {
        flex: 1 1 auto !important;
    }

    .master-card {
        grid-template-columns: 62px minmax(0,1fr) !important;
        gap: 12px !important;
        padding: 14px !important;
        border-radius: 13px !important;
    }

    .mc-left { width: 62px !important; min-width: 62px !important; }
    .mc-logo-wrap {
        width: 62px !important;
        height: 62px !important;
        min-width: 62px !important;
        min-height: 62px !important;
        border-radius: 10px !important;
    }

    .mc-badges { gap: 5px !important; margin-bottom: 6px !important; }
    .mc-badge { min-height: 20px !important; padding: 0 7px !important; font-size: .53rem !important; }
    .mc-title { font-size: 1rem !important; line-height: 1.16 !important; }
    .mc-meta { font-size: .76rem !important; line-height: 1.34 !important; gap: 5px !important; }
    .mc-desc { font-size: .80rem !important; line-height: 1.40 !important; }
    .mc-map-frame { height: 112px !important; }
    .mc-map-bar { flex-direction: column !important; align-items: stretch !important; }
    .mc-address-text { white-space: normal !important; }
    .mc-btn-directions { width: 100% !important; justify-content: center !important; }
    .mc-btn { width: 100% !important; max-width: 100% !important; min-height: 40px !important; font-size: .84rem !important; }
}

@media (max-width: 430px) {
    main.container.wcp-category-page,
    main.container.wcp-location-page,
    main.wcp-location-page.wcp-category-page {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .master-card {
        grid-template-columns: 54px minmax(0,1fr) !important;
        padding: 12px !important;
    }

    .mc-left { width: 54px !important; min-width: 54px !important; }
    .mc-logo-wrap { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; }
    .mc-title { font-size: .95rem !important; }
}


/* ============================================================
   WCP CATEGORY — STAR VISIBILITY HARD FIX FINAL
   Sorun: stars() HTML çıktısı bazı sayfalarda küçük çizgi/nokta gibi
   görünüyor veya FontAwesome/CSS çakışması nedeniyle yıldız görünmüyor.
   Çözüm: statik puan alanında helper çıktısı gizlenir, tek ve net
   altın yıldız satırı CSS pseudo-element ile basılır.
   Dosyanın EN ALTINDA kalmalı.
============================================================ */
main.wcp-category-page .mc-rating-top,
main.wcp-location-page .mc-rating-top {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 22px !important;
    line-height: 1 !important;
}

main.wcp-category-page .mc-rating-top .stars,
main.wcp-location-page .mc-rating-top .stars {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 82px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    line-height: 1 !important;
    font-size: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
}

main.wcp-category-page .mc-rating-top .stars *,
main.wcp-location-page .mc-rating-top .stars * {
    display: none !important;
    font-size: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

main.wcp-category-page .mc-rating-top .stars::before,
main.wcp-location-page .mc-rating-top .stars::before {
    content: "★★★★★" !important;
    display: inline-block !important;
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
}

main.wcp-category-page .mc-rating-top .score,
main.wcp-location-page .mc-rating-top .score {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #3b82f6 !important;
    -webkit-text-fill-color: #3b82f6 !important;
    font-size: .92rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Kullanıcı oylama yıldızları da net altın görünsün. */
main.wcp-category-page .mc-interactive-stars,
main.wcp-location-page .mc-interactive-stars {
    direction: rtl !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    min-height: 18px !important;
    line-height: 1 !important;
}

main.wcp-category-page .mc-interactive-stars input,
main.wcp-location-page .mc-interactive-stars input {
    display: none !important;
}

main.wcp-category-page .mc-interactive-stars label,
main.wcp-location-page .mc-interactive-stars label {
    display: inline-block !important;
    margin: 0 !important;
    padding: 0 1px !important;
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
}

main.wcp-category-page .mc-interactive-stars label:hover,
main.wcp-category-page .mc-interactive-stars label:hover ~ label,
main.wcp-category-page .mc-interactive-stars input:checked ~ label,
main.wcp-location-page .mc-interactive-stars label:hover,
main.wcp-location-page .mc-interactive-stars label:hover ~ label,
main.wcp-location-page .mc-interactive-stars input:checked ~ label {
    color: #f59e0b !important;
    -webkit-text-fill-color: #f59e0b !important;
}

@media (max-width: 767.98px) {
    main.wcp-category-page .mc-rating-top .stars,
    main.wcp-location-page .mc-rating-top .stars {
        min-width: 76px !important;
        height: 17px !important;
    }

    main.wcp-category-page .mc-rating-top .stars::before,
    main.wcp-location-page .mc-rating-top .stars::before,
    main.wcp-category-page .mc-interactive-stars label,
    main.wcp-location-page .mc-interactive-stars label {
        font-size: 14px !important;
    }
}