/* ============================================================
   WORLDCONNECT PRO — CATEGORY + LOCATION FULL FINAL CSS
   Dosya 1: public_html/css/wcp-category.css
   Dosya 2: public_html/css/wcp-location.css

   Amaç:
   - Kategori ve lokasyon sayfalarını /vitrin modeline yaklaştırmak
   - Web genişlik standardı
   - Dark / Light okunurluk
   - Mobilde logo, rozet, başlık, kategori, lokasyon, açıklama,
     harita adresi, puan ve butonları ortalamak
   - Hover / gereksiz animasyon yok
============================================================ */

/* ============================================================
   ROOT VARIABLES
============================================================ */

:root {
    --wcp-sync-shell: 1180px;
    --wcp-sync-shell-md: 1140px;
    --wcp-sync-x: 24px;
    --wcp-sync-x-tablet: 20px;
    --wcp-sync-x-mobile: 12px;

    --wcp-sync-bg: #f4f7fb;
    --wcp-sync-surface: #ffffff;
    --wcp-sync-surface-2: #f8fafc;
    --wcp-sync-heading: #0f172a;
    --wcp-sync-text: #111827;
    --wcp-sync-muted: #475569;
    --wcp-sync-soft: #64748b;
    --wcp-sync-border: #d8e0ea;

    --wcp-sync-primary: #2563eb;
    --wcp-sync-primary-2: #3b82f6;
    --wcp-sync-purple: #7c3aed;
    --wcp-sync-green: #10b981;
    --wcp-sync-gold: #f59e0b;
    --wcp-sync-danger: #ef4444;

    --wcp-sync-card-radius: 18px;
    --wcp-sync-btn-radius: 12px;
}

html[data-theme="dark"],
body[data-theme="dark"],
[data-theme="dark"] {
    --wcp-sync-bg: #060d1a;
    --wcp-sync-surface: #111827;
    --wcp-sync-surface-2: #0f172a;
    --wcp-sync-heading: #f8fafc;
    --wcp-sync-text: #e5edf7;
    --wcp-sync-muted: #cbd5e1;
    --wcp-sync-soft: #94a3b8;
    --wcp-sync-border: rgba(148, 163, 184, .18);
}

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

body {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    text-rendering: optimizeLegibility !important;
}

html[data-theme="dark"] body,
body[data-theme="dark"] {
    background:
        radial-gradient(circle at 0% 0%, rgba(59, 130, 246, .13), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .15), transparent 34%),
        var(--wcp-sync-bg) !important;
    color: var(--wcp-sync-text) !important;
}

html[data-theme="light"] body,
body[data-theme="light"] {
    background:
        radial-gradient(circle at 0% 0%, rgba(59, 130, 246, .10), transparent 32%),
        radial-gradient(circle at 100% 0%, rgba(139, 92, 246, .11), transparent 34%),
        var(--wcp-sync-bg) !important;
    color: var(--wcp-sync-text) !important;
}

/* ============================================================
   PAGE SHELL / WIDTH
============================================================ */

main.wcp-category-page.container,
main.wcp-location-page.container,
body main.container.wcp-category-page,
body main.container.wcp-location-page {
    width: min(100% - var(--wcp-sync-x), var(--wcp-sync-shell)) !important;
    max-width: var(--wcp-sync-shell) !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px !important;
    margin-bottom: 64px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
}

/* Bootstrap row / column reset */
main.wcp-category-page > .row,
main.wcp-location-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 > .row > .wcp-location-main,
main.wcp-location-page > .row > .wcp-location-main,
main.wcp-category-page > .row > .col-md-9,
main.wcp-location-page > .row > .col-md-9,
main.wcp-category-page > .row > .col-lg-12,
main.wcp-location-page > .row > .col-lg-12 {
    flex: 0 0 100% !important;
    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,
main.wcp-category-page > .row > [class*="col-lg-3"],
main.wcp-location-page > .row > [class*="col-lg-3"] {
    display: none !important;
}

/* Ortak bloklar aynı hizada */
main.wcp-category-page .wcp-category-search-wrap-main,
main.wcp-category-page .wcp-location-search-wrap-main,
main.wcp-location-page .wcp-location-search-wrap-main,
main.wcp-category-page .top-action-bar,
main.wcp-location-page .top-action-bar,
main.wcp-category-page .wcp-location-hero,
main.wcp-location-page .wcp-location-hero,
main.wcp-category-page .wcp-location-select-box,
main.wcp-location-page .wcp-location-select-box,
main.wcp-category-page .wcp-category-filterbar,
main.wcp-location-page .wcp-location-filterbar,
main.wcp-location-page .wcp-location-map-preview,
main.wcp-category-page #infinite-scroll,
main.wcp-location-page #infinite-scroll,
main.wcp-category-page .infinite-scroll,
main.wcp-location-page .infinite-scroll,
main.wcp-category-page .wcp-location-seo-content,
main.wcp-location-page .wcp-location-seo-content {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* ============================================================
   SEARCH
============================================================ */

main.wcp-category-page .lux-search-wrapper,
main.wcp-location-page .lux-search-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 24px !important;
    z-index: 20 !important;
}

main.wcp-category-page .lux-search-container,
main.wcp-location-page .lux-search-container {
    width: 100% !important;
    min-height: 48px !important;
    border-radius: 14px !important;
    background: var(--wcp-sync-surface-2) !important;
    border: 1px solid var(--wcp-sync-border) !important;
    box-shadow: none !important;
    padding: 5px 8px 5px 16px !important;
}

html[data-theme="dark"] main.wcp-category-page .lux-search-container,
html[data-theme="dark"] main.wcp-location-page .lux-search-container {
    background: #0b1220 !important;
    border-color: rgba(148, 163, 184, .20) !important;
}

main.wcp-category-page .lux-search-input,
main.wcp-location-page .lux-search-input {
    min-height: 36px !important;
    color: var(--wcp-sync-text) !important;
    -webkit-text-fill-color: var(--wcp-sync-text) !important;
    font-size: .92rem !important;
    font-weight: 650 !important;
}

main.wcp-category-page .lux-search-input::placeholder,
main.wcp-location-page .lux-search-input::placeholder {
    color: var(--wcp-sync-soft) !important;
    -webkit-text-fill-color: var(--wcp-sync-soft) !important;
}

main.wcp-category-page .lux-search-btn,
main.wcp-location-page .lux-search-btn {
    min-width: 62px !important;
    min-height: 36px !important;
    border-radius: 10px !important;
    background: #020617 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: .74rem !important;
    font-weight: 950 !important;
    border: none !important;
}

/* ============================================================
   HERO
============================================================ */

main.wcp-category-page .wcp-location-hero,
main.wcp-location-page .wcp-location-hero {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    border: 1px solid rgba(96, 165, 250, .24) !important;
    background:
        radial-gradient(circle at 0% 0%, rgba(37, 99, 235, .26), transparent 35%),
        radial-gradient(circle at 100% 0%, rgba(124, 58, 237, .30), transparent 38%),
        linear-gradient(135deg, #14213d, #24164d) !important;
    padding: 28px 30px !important;
    margin-bottom: 18px !important;
    box-shadow: none !important;
}

main.wcp-location-page:not(.wcp-category-page) .wcp-location-hero {
    background:
        radial-gradient(circle at 0% 0%, rgba(16, 185, 129, .24), transparent 35%),
        radial-gradient(circle at 100% 0%, rgba(37, 99, 235, .24), transparent 38%),
        linear-gradient(135deg, #0b2f2a, #11213c) !important;
}

main.wcp-category-page .wcp-location-hero-inner,
main.wcp-location-page .wcp-location-hero-inner {
    position: relative !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 24px !important;
}

main.wcp-category-page .wcp-location-kicker,
main.wcp-location-page .wcp-location-kicker {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: fit-content !important;
    min-height: 30px !important;
    margin-bottom: 10px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    background: rgba(139, 92, 246, .22) !important;
    border: 1px solid rgba(167, 139, 250, .34) !important;
    color: #c4b5fd !important;
    -webkit-text-fill-color: #c4b5fd !important;
    font-size: .72rem !important;
    font-weight: 950 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

main.wcp-location-page:not(.wcp-category-page) .wcp-location-kicker {
    background: rgba(16, 185, 129, .18) !important;
    border-color: rgba(52, 211, 153, .32) !important;
    color: #6ee7b7 !important;
    -webkit-text-fill-color: #6ee7b7 !important;
}

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

main.wcp-category-page .wcp-location-desc,
main.wcp-location-page .wcp-location-desc {
    max-width: 820px !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: .96rem !important;
    line-height: 1.52 !important;
    font-weight: 700 !important;
}

main.wcp-category-page .wcp-location-stat,
main.wcp-location-page .wcp-location-stat {
    flex: 0 0 auto !important;
    min-width: 150px !important;
    min-height: 86px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(167, 139, 250, .42) !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: 12px 15px !important;
}

main.wcp-location-page:not(.wcp-category-page) .wcp-location-stat {
    border-color: rgba(52, 211, 153, .34) !important;
    background: rgba(16, 185, 129, .14) !important;
}

/* ============================================================
   BREADCRUMB / SELECT / FILTER
============================================================ */

main.wcp-category-page .top-action-bar,
main.wcp-location-page .top-action-bar,
main.wcp-category-page .wcp-location-select-box,
main.wcp-location-page .wcp-location-select-box,
main.wcp-category-page .wcp-category-filterbar,
main.wcp-location-page .wcp-location-filterbar {
    border-radius: 16px !important;
    background: var(--wcp-sync-surface) !important;
    border: 1px solid var(--wcp-sync-border) !important;
    box-shadow: none !important;
    margin-bottom: 16px !important;
    color: var(--wcp-sync-text) !important;
    -webkit-text-fill-color: var(--wcp-sync-text) !important;
}

html[data-theme="dark"] main.wcp-category-page .top-action-bar,
html[data-theme="dark"] main.wcp-location-page .top-action-bar,
html[data-theme="dark"] main.wcp-category-page .wcp-location-select-box,
html[data-theme="dark"] main.wcp-location-page .wcp-location-select-box,
html[data-theme="dark"] main.wcp-category-page .wcp-category-filterbar,
html[data-theme="dark"] main.wcp-location-page .wcp-location-filterbar {
    background: #111827 !important;
    border-color: rgba(148, 163, 184, .18) !important;
}

main.wcp-category-page .top-action-bar,
main.wcp-location-page .top-action-bar {
    min-height: 44px !important;
    padding: 13px 18px !important;
}

main.wcp-category-page .breadcrumbs,
main.wcp-location-page .breadcrumbs {
    margin: 0 !important;
    color: var(--wcp-sync-muted) !important;
    -webkit-text-fill-color: var(--wcp-sync-muted) !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

main.wcp-category-page .breadcrumbs a,
main.wcp-location-page .breadcrumbs a {
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    text-decoration: none !important;
}

main.wcp-category-page .wcp-location-select-box,
main.wcp-location-page .wcp-location-select-box {
    padding: 18px !important;
}

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

main.wcp-category-page .wcp-category-filterbar,
main.wcp-location-page .wcp-location-filterbar {
    padding: 16px 18px !important;
}

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

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

main.wcp-category-page .wcp-category-filter-title,
main.wcp-location-page .wcp-filter-title,
main.wcp-category-page .wcp-location-select-title,
main.wcp-location-page .wcp-location-select-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
    color: var(--wcp-sync-heading) !important;
    -webkit-text-fill-color: var(--wcp-sync-heading) !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
}

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

main.wcp-category-page .wcp-category-filter-chip,
main.wcp-location-page .wcp-filter-chip,
main.wcp-category-page .wcp-location-toggle-btn,
main.wcp-location-page .wcp-location-toggle-btn,
main.wcp-category-page .wcp-category-sort-select,
main.wcp-location-page .wcp-location-sort-select,
main.wcp-location-page .wcp-view-btn {
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(148, 163, 184, .26) !important;
    background: rgba(15, 23, 42, .28) !important;
    color: var(--wcp-sync-muted) !important;
    -webkit-text-fill-color: var(--wcp-sync-muted) !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;
    box-shadow: none !important;
    text-decoration: none !important;
}

html[data-theme="light"] main.wcp-category-page .wcp-category-filter-chip,
html[data-theme="light"] main.wcp-location-page .wcp-filter-chip,
html[data-theme="light"] main.wcp-category-page .wcp-location-toggle-btn,
html[data-theme="light"] main.wcp-location-page .wcp-location-toggle-btn,
html[data-theme="light"] main.wcp-category-page .wcp-category-sort-select,
html[data-theme="light"] main.wcp-location-page .wcp-location-sort-select,
html[data-theme="light"] main.wcp-location-page .wcp-view-btn {
    background: #ffffff !important;
    color: #334155 !important;
    -webkit-text-fill-color: #334155 !important;
    border-color: #d8e0ea !important;
}

main.wcp-category-page .wcp-category-filter-chip.is-active,
main.wcp-location-page .wcp-filter-chip.is-active,
main.wcp-location-page .wcp-view-btn.is-active {
    background: rgba(37, 99, 235, .18) !important;
    color: #93c5fd !important;
    -webkit-text-fill-color: #93c5fd !important;
    border-color: rgba(96, 165, 250, .36) !important;
}

/* Açılır liste */
main.wcp-category-page .wcp-location-select-panel,
main.wcp-location-page .wcp-location-select-panel {
    margin-top: 16px !important;
    padding-top: 16px !important;
    border-top: 1px solid var(--wcp-sync-border) !important;
}

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

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

main.wcp-category-page .wcp-location-index-letter,
main.wcp-location-page .wcp-location-index-letter,
main.wcp-category-page .wcp-location-index-link,
main.wcp-location-page .wcp-location-index-link {
    min-height: 34px !important;
    border-radius: 999px !important;
    border: 1px solid var(--wcp-sync-border) !important;
    background: var(--wcp-sync-surface-2) !important;
    color: var(--wcp-sync-text) !important;
    -webkit-text-fill-color: var(--wcp-sync-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;
}

/* ============================================================
   CARD LIST
============================================================ */

main.wcp-category-page #infinite-scroll,
main.wcp-location-page #infinite-scroll {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 18px !important;
    align-items: stretch !important;
}

main.wcp-category-page .master-card,
main.wcp-location-page .master-card {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 22px 24px !important;
    border-radius: var(--wcp-sync-card-radius) !important;
    border: 1px solid var(--wcp-sync-border) !important;
    background:
        linear-gradient(90deg, rgba(37, 99, 235, .025), rgba(124, 58, 237, .035)),
        var(--wcp-sync-surface) !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: 96px minmax(0, 1fr) 184px !important;
    gap: 22px !important;
    align-items: stretch !important;
    color: var(--wcp-sync-text) !important;
    -webkit-text-fill-color: var(--wcp-sync-text) !important;
    transform: none !important;
    transition: none !important;
}

html[data-theme="dark"] main.wcp-category-page .master-card,
html[data-theme="dark"] main.wcp-location-page .master-card {
    background:
        linear-gradient(90deg, rgba(37, 99, 235, .035), rgba(124, 58, 237, .045)),
        #111827 !important;
    border-color: rgba(148, 163, 184, .20) !important;
}

html[data-theme="light"] main.wcp-category-page .master-card,
html[data-theme="light"] main.wcp-location-page .master-card {
    box-shadow: 0 12px 32px rgba(15, 23, 42, .06) !important;
}

main.wcp-category-page .master-card:hover,
main.wcp-location-page .master-card:hover {
    transform: none !important;
    box-shadow: none !important;
    border-color: rgba(96, 165, 250, .42) !important;
}

/* ============================================================
   CARD LEFT / LOGO
============================================================ */

main.wcp-category-page .mc-left,
main.wcp-location-page .mc-left {
    width: 96px !important;
    min-width: 96px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

main.wcp-category-page .mc-logo-wrap,
main.wcp-location-page .mc-logo-wrap {
    width: 96px !important;
    height: 96px !important;
    min-width: 96px !important;
    min-height: 96px !important;
    border-radius: 16px !important;
    padding: 6px !important;
    background: var(--wcp-sync-surface-2) !important;
    border: 1px solid var(--wcp-sync-border) !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

main.wcp-category-page .mc-logo-wrap img,
main.wcp-location-page .mc-logo-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    border-radius: 12px !important;
    display: block !important;
}

/* ============================================================
   CARD CENTER
============================================================ */

main.wcp-category-page .mc-center,
main.wcp-location-page .mc-center {
    min-width: 0 !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

main.wcp-category-page .mc-badges,
main.wcp-location-page .mc-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-bottom: 8px !important;
    align-items: center !important;
    justify-content: flex-start !important;
}

main.wcp-category-page .mc-badge,
main.wcp-location-page .mc-badge {
    min-height: 24px !important;
    padding: 0 9px !important;
    border-radius: 999px !important;
    font-size: .62rem !important;
    line-height: 1 !important;
    font-weight: 950 !important;
    letter-spacing: .045em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    text-transform: uppercase !important;
}

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

main.wcp-category-page .badge-aiseo,
main.wcp-location-page .badge-aiseo {
    background: #09090b !important;
    color: #f8fafc !important;
    -webkit-text-fill-color: #f8fafc !important;
    border: 1px solid #8b5cf6 !important;
    box-shadow: none !important;
    animation: none !important;
}

main.wcp-category-page .badge-aiseo i,
main.wcp-location-page .badge-aiseo i {
    color: #c4b5fd !important;
    -webkit-text-fill-color: #c4b5fd !important;
    animation: none !important;
    transform: none !important;
}

main.wcp-category-page .mc-title-wrapper,
main.wcp-location-page .mc-title-wrapper {
    margin: 0 0 7px !important;
    line-height: 1.18 !important;
    text-align: left !important;
}

main.wcp-category-page .mc-title,
main.wcp-location-page .mc-title {
    color: var(--wcp-sync-heading) !important;
    -webkit-text-fill-color: var(--wcp-sync-heading) !important;
    text-decoration: none !important;
    text-transform: none !important;
    font-size: clamp(1.12rem, 1.25vw, 1.34rem) !important;
    line-height: 1.16 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    word-break: break-word !important;
}

main.wcp-category-page .mc-title:hover,
main.wcp-location-page .mc-title:hover {
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    text-decoration: none !important;
}

main.wcp-category-page .mc-verified-icon,
main.wcp-location-page .mc-verified-icon {
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    font-size: .98rem !important;
    margin-left: 4px !important;
    margin-top: -3px !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* ============================================================
   META
============================================================ */

main.wcp-category-page .mc-meta,
main.wcp-location-page .mc-meta {
    margin: 0 0 11px !important;
    color: var(--wcp-sync-muted) !important;
    -webkit-text-fill-color: var(--wcp-sync-muted) !important;
    font-size: .86rem !important;
    line-height: 1.42 !important;
    font-weight: 750 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 5px !important;
    text-align: left !important;
}

main.wcp-category-page .mc-meta a,
main.wcp-location-page .mc-meta a,
main.wcp-category-page .meta-link,
main.wcp-location-page .meta-link {
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    text-decoration: none !important;
    font-weight: 850 !important;
}

main.wcp-category-page .mc-meta-job,
main.wcp-location-page .mc-meta-job {
    width: 100% !important;
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    font-weight: 850 !important;
}

main.wcp-category-page .mc-meta-location,
main.wcp-location-page .mc-meta-location {
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    color: var(--wcp-sync-muted) !important;
    -webkit-text-fill-color: var(--wcp-sync-muted) !important;
    font-weight: 750 !important;
}

/* ============================================================
   MAP
============================================================ */

main.wcp-category-page .mc-map-box,
main.wcp-location-page .mc-map-box {
    margin: 10px 0 12px !important;
    border-radius: 14px !important;
    border: 1px solid var(--wcp-sync-border) !important;
    overflow: hidden !important;
    background: var(--wcp-sync-surface-2) !important;
}

main.wcp-category-page .mc-map-frame,
main.wcp-location-page .mc-map-frame {
    width: 100% !important;
    height: 150px !important;
    background: #dbeafe !important;
}

main.wcp-category-page .mc-map-bar,
main.wcp-location-page .mc-map-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 10px 12px !important;
    background: rgba(15, 23, 42, .18) !important;
    border-top: 1px solid var(--wcp-sync-border) !important;
}

html[data-theme="light"] main.wcp-category-page .mc-map-bar,
html[data-theme="light"] main.wcp-location-page .mc-map-bar {
    background: #f8fafc !important;
}

main.wcp-category-page .mc-address-text,
main.wcp-location-page .mc-address-text {
    margin: 0 !important;
    color: var(--wcp-sync-muted) !important;
    -webkit-text-fill-color: var(--wcp-sync-muted) !important;
    font-size: .78rem !important;
    line-height: 1.35 !important;
    font-weight: 750 !important;
}

main.wcp-category-page .mc-btn-directions,
main.wcp-location-page .mc-btn-directions {
    min-height: 30px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
    white-space: nowrap !important;
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    border: 1px solid rgba(96, 165, 250, .42) !important;
    background: rgba(37, 99, 235, .10) !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ============================================================
   DESCRIPTION / WEB LINK
============================================================ */

main.wcp-category-page .mc-desc,
main.wcp-location-page .mc-desc {
    margin: 0 0 8px !important;
    color: var(--wcp-sync-muted) !important;
    -webkit-text-fill-color: var(--wcp-sync-muted) !important;
    font-size: .88rem !important;
    line-height: 1.50 !important;
    font-weight: 650 !important;
    text-align: left !important;
}

main.wcp-category-page .text-clamp,
main.wcp-location-page .text-clamp {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

main.wcp-category-page .mc-read-more,
main.wcp-location-page .mc-read-more {
    margin-top: 3px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    font-size: .78rem !important;
    font-weight: 900 !important;
    text-decoration: none !important;
}

main.wcp-category-page .mc-web-link,
main.wcp-location-page .mc-web-link {
    max-width: 100% !important;
    margin-top: 8px !important;
    color: var(--wcp-sync-soft) !important;
    -webkit-text-fill-color: var(--wcp-sync-soft) !important;
    font-size: .78rem !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}

main.wcp-category-page .mc-web-link i,
main.wcp-location-page .mc-web-link i {
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
}

/* ============================================================
   RIGHT / RATING / BUTTON
============================================================ */

main.wcp-category-page .mc-right,
main.wcp-location-page .mc-right {
    width: 184px !important;
    min-width: 184px !important;
    padding-left: 22px !important;
    border-left: 1px solid var(--wcp-sync-border) !important;
    border-top: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
}

main.wcp-category-page .mc-rating-top,
main.wcp-location-page .mc-rating-top {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 7px !important;
    margin: 0 !important;
}

main.wcp-category-page .mc-rating-top .stars,
main.wcp-location-page .mc-rating-top .stars {
    color: var(--wcp-sync-gold) !important;
    -webkit-text-fill-color: var(--wcp-sync-gold) !important;
    font-size: .94rem !important;
    white-space: nowrap !important;
}

main.wcp-category-page .mc-rating-top .score,
main.wcp-location-page .mc-rating-top .score {
    color: #60a5fa !important;
    -webkit-text-fill-color: #60a5fa !important;
    font-size: .92rem !important;
    font-weight: 950 !important;
}

main.wcp-category-page .mc-right .small,
main.wcp-location-page .mc-right .small {
    color: var(--wcp-sync-soft) !important;
    -webkit-text-fill-color: var(--wcp-sync-soft) !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
}

main.wcp-category-page .mc-interactive-stars,
main.wcp-location-page .mc-interactive-stars {
    display: flex !important;
    flex-direction: row-reverse !important;
    gap: 4px !important;
    justify-content: center !important;
    direction: ltr !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 {
    font-size: 17px !important;
    color: var(--wcp-sync-border) !important;
    cursor: pointer !important;
    margin: 0 !important;
    line-height: 1 !important;
}

main.wcp-category-page .mc-interactive-stars input:checked ~ label,
main.wcp-location-page .mc-interactive-stars input:checked ~ label,
main.wcp-category-page .mc-interactive-stars label:hover,
main.wcp-location-page .mc-interactive-stars label:hover,
main.wcp-category-page .mc-interactive-stars label:hover ~ label,
main.wcp-location-page .mc-interactive-stars label:hover ~ label {
    color: var(--wcp-sync-gold) !important;
    -webkit-text-fill-color: var(--wcp-sync-gold) !important;
}

main.wcp-category-page .mc-btn,
main.wcp-location-page .mc-btn {
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 16px !important;
    border-radius: var(--wcp-sync-btn-radius) !important;
    background: linear-gradient(135deg, #3b82f6, #7c3aed) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    border: none !important;
    font-size: .86rem !important;
    font-weight: 950 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transform: none !important;
    transition: none !important;
}

/* ============================================================
   SEO CONTENT
============================================================ */

main.wcp-category-page .wcp-location-seo-content,
main.wcp-location-page .wcp-location-seo-content {
    margin-top: 28px !important;
    background: var(--wcp-sync-surface) !important;
    border: 1px solid var(--wcp-sync-border) !important;
    border-radius: 18px !important;
    padding: 22px !important;
    color: var(--wcp-sync-muted) !important;
    -webkit-text-fill-color: var(--wcp-sync-muted) !important;
}

/* ============================================================
   DESKTOP BREAKPOINTS
============================================================ */

@media (min-width: 1400px) {
    main.wcp-category-page.container,
    main.wcp-location-page.container,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: min(100% - 52px, var(--wcp-sync-shell)) !important;
        max-width: var(--wcp-sync-shell) !important;
    }
}

@media (min-width: 992px) and (max-width: 1399.98px) {
    main.wcp-category-page.container,
    main.wcp-location-page.container,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: min(100% - 36px, var(--wcp-sync-shell-md)) !important;
        max-width: var(--wcp-sync-shell-md) !important;
    }

    main.wcp-category-page .master-card,
    main.wcp-location-page .master-card {
        grid-template-columns: 88px minmax(0, 1fr) 168px !important;
        gap: 18px !important;
        padding: 20px !important;
    }

    main.wcp-category-page .mc-left,
    main.wcp-location-page .mc-left,
    main.wcp-category-page .mc-logo-wrap,
    main.wcp-location-page .mc-logo-wrap {
        width: 88px !important;
        min-width: 88px !important;
        height: 88px !important;
        min-height: 88px !important;
    }

    main.wcp-category-page .mc-right,
    main.wcp-location-page .mc-right {
        width: 168px !important;
        min-width: 168px !important;
        padding-left: 18px !important;
    }
}

/* ============================================================
   TABLET
============================================================ */

@media (max-width: 991.98px) {
    main.wcp-category-page.container,
    main.wcp-location-page.container,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: min(100% - var(--wcp-sync-x-tablet), 760px) !important;
        max-width: 760px !important;
        padding-top: 22px !important;
        padding-bottom: 50px !important;
    }

    main.wcp-category-page .wcp-location-hero-inner,
    main.wcp-location-page .wcp-location-hero-inner,
    main.wcp-category-page .wcp-location-select-head,
    main.wcp-location-page .wcp-location-select-head,
    main.wcp-category-page .wcp-category-filterbar,
    main.wcp-location-page .wcp-location-filterbar {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .wcp-location-stat,
    main.wcp-location-page .wcp-location-stat {
        width: 100% !important;
        min-width: 0 !important;
        align-items: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .wcp-category-filter-right,
    main.wcp-location-page .wcp-filter-right {
        width: 100% !important;
        flex-wrap: wrap !important;
        justify-content: center !important;
    }

    main.wcp-category-page .master-card,
    main.wcp-location-page .master-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 22px 18px !important;
        gap: 14px !important;
    }

    main.wcp-category-page .mc-left,
    main.wcp-location-page .mc-left {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: center !important;
        align-items: center !important;
    }

    main.wcp-category-page .mc-logo-wrap,
    main.wcp-location-page .mc-logo-wrap {
        width: 92px !important;
        height: 92px !important;
        min-width: 92px !important;
        min-height: 92px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    main.wcp-category-page .mc-center,
    main.wcp-location-page .mc-center {
        width: 100% !important;
        align-items: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-badges,
    main.wcp-location-page .mc-badges,
    main.wcp-category-page .mc-title-wrapper,
    main.wcp-location-page .mc-title-wrapper,
    main.wcp-category-page .mc-meta,
    main.wcp-location-page .mc-meta,
    main.wcp-category-page .mc-desc,
    main.wcp-location-page .mc-desc {
        text-align: center !important;
        justify-content: center !important;
        align-items: center !important;
    }

    main.wcp-category-page .mc-meta-location,
    main.wcp-location-page .mc-meta-location {
        justify-content: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-web-link,
    main.wcp-location-page .mc-web-link,
    main.wcp-category-page .mc-read-more,
    main.wcp-location-page .mc-read-more {
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-right,
    main.wcp-location-page .mc-right {
        width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-top: 16px !important;
        border-left: none !important;
        border-top: 1px solid var(--wcp-sync-border) !important;
    }

    main.wcp-category-page .mc-btn,
    main.wcp-location-page .mc-btn {
        max-width: 260px !important;
    }
}

/* ============================================================
   MOBILE CENTER FINAL
============================================================ */

@media (max-width: 767.98px) {
    main.wcp-category-page.container,
    main.wcp-location-page.container,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    main.wcp-category-page .master-card,
    main.wcp-location-page .master-card {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
        padding: 18px 14px !important;
        gap: 14px !important;
    }

    main.wcp-category-page .mc-left,
    main.wcp-location-page .mc-left {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-logo-wrap,
    main.wcp-location-page .mc-logo-wrap {
        width: 92px !important;
        height: 92px !important;
        min-width: 92px !important;
        min-height: 92px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    main.wcp-category-page .mc-center,
    main.wcp-location-page .mc-center {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-badges,
    main.wcp-location-page .mc-badges {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-title-wrapper,
    main.wcp-location-page .mc-title-wrapper {
        width: 100% !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-title,
    main.wcp-location-page .mc-title {
        display: inline !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-meta,
    main.wcp-location-page .mc-meta,
    main.wcp-category-page .mc-meta-job,
    main.wcp-location-page .mc-meta-job,
    main.wcp-category-page .mc-meta-location,
    main.wcp-location-page .mc-meta-location {
        width: 100% !important;
        max-width: 100% !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    main.wcp-category-page .mc-meta-location,
    main.wcp-location-page .mc-meta-location {
        flex-direction: row !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
    }

    main.wcp-category-page .mc-meta a,
    main.wcp-location-page .mc-meta a,
    main.wcp-category-page .mc-meta span,
    main.wcp-location-page .mc-meta span,
    main.wcp-category-page .mc-meta .job,
    main.wcp-location-page .mc-meta .job,
    main.wcp-category-page .mc-meta .loc,
    main.wcp-location-page .mc-meta .loc {
        text-align: center !important;
    }

    main.wcp-category-page .mc-desc,
    main.wcp-location-page .mc-desc {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-read-more,
    main.wcp-location-page .mc-read-more,
    main.wcp-category-page .mc-web-link,
    main.wcp-location-page .mc-web-link {
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-map-box,
    main.wcp-location-page .mc-map-box {
        width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    main.wcp-category-page .mc-map-bar,
    main.wcp-location-page .mc-map-bar {
        width: 100% !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 10px !important;
    }

    main.wcp-category-page .mc-address-text,
    main.wcp-location-page .mc-address-text {
        width: 100% !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-btn-directions,
    main.wcp-location-page .mc-btn-directions {
        width: fit-content !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
    }

    main.wcp-category-page .mc-right,
    main.wcp-location-page .mc-right {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 16px !important;
        border-left: none !important;
        border-right: none !important;
        border-top: 1px solid var(--wcp-sync-border, #d8e0ea) !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 12px !important;
    }

    main.wcp-category-page .mc-rating-top,
    main.wcp-location-page .mc-rating-top,
    main.wcp-category-page .mc-interactive-stars,
    main.wcp-location-page .mc-interactive-stars {
        width: 100% !important;
        justify-content: center !important;
        align-items: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-btn,
    main.wcp-location-page .mc-btn {
        width: 100% !important;
        max-width: 260px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

/* ============================================================
   SMALL MOBILE
============================================================ */

@media (max-width: 575.98px) {
    main.wcp-category-page.container,
    main.wcp-location-page.container,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: calc(100% - (var(--wcp-sync-x-mobile) * 2)) !important;
        max-width: none !important;
        padding-top: 16px !important;
        padding-bottom: 42px !important;
    }

    main.wcp-category-page .wcp-location-hero,
    main.wcp-location-page .wcp-location-hero {
        padding: 22px 14px !important;
        border-radius: 16px !important;
        text-align: center !important;
    }

    main.wcp-category-page .wcp-location-title,
    main.wcp-location-page .wcp-location-title {
        font-size: clamp(1.42rem, 8vw, 2rem) !important;
        letter-spacing: -.04em !important;
        text-align: center !important;
    }

    main.wcp-category-page .wcp-location-desc,
    main.wcp-location-page .wcp-location-desc {
        font-size: .88rem !important;
        text-align: center !important;
    }

    main.wcp-category-page .top-action-bar,
    main.wcp-location-page .top-action-bar,
    main.wcp-category-page .wcp-location-select-box,
    main.wcp-location-page .wcp-location-select-box,
    main.wcp-category-page .wcp-category-filterbar,
    main.wcp-location-page .wcp-location-filterbar {
        border-radius: 14px !important;
        padding: 14px !important;
    }

    main.wcp-category-page .breadcrumbs,
    main.wcp-location-page .breadcrumbs {
        justify-content: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .wcp-category-filter-chip,
    main.wcp-location-page .wcp-filter-chip,
    main.wcp-category-page .wcp-location-toggle-btn,
    main.wcp-location-page .wcp-location-toggle-btn,
    main.wcp-category-page .wcp-category-sort-select,
    main.wcp-location-page .wcp-location-sort-select,
    main.wcp-location-page .wcp-view-btn {
        width: auto !important;
        max-width: 100% !important;
        white-space: normal !important;
    }

    main.wcp-category-page .master-card,
    main.wcp-location-page .master-card {
        padding: 18px 14px !important;
        border-radius: 16px !important;
    }

    main.wcp-category-page .mc-map-frame,
    main.wcp-location-page .mc-map-frame {
        height: 132px !important;
    }

    main.wcp-category-page .mc-map-bar,
    main.wcp-location-page .mc-map-bar {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
    }

    main.wcp-category-page .mc-btn-directions,
    main.wcp-location-page .mc-btn-directions {
        width: fit-content !important;
    }

    main.wcp-category-page .mc-btn,
    main.wcp-location-page .mc-btn {
        width: 100% !important;
        max-width: 260px !important;
    }
}

@media (max-width: 390px) {
    main.wcp-category-page .mc-logo-wrap,
    main.wcp-location-page .mc-logo-wrap {
        width: 84px !important;
        height: 84px !important;
        min-width: 84px !important;
        min-height: 84px !important;
    }

    main.wcp-category-page .mc-title,
    main.wcp-location-page .mc-title {
        font-size: 1.18rem !important;
        line-height: 1.18 !important;
    }
}

/* ============================================================
   RTL
============================================================ */

html[dir="rtl"] main.wcp-category-page,
html[dir="rtl"] main.wcp-location-page {
    direction: rtl !important;
    text-align: right !important;
}

html[dir="rtl"] main.wcp-category-page .mc-title-wrapper,
html[dir="rtl"] main.wcp-location-page .mc-title-wrapper,
html[dir="rtl"] main.wcp-category-page .mc-desc,
html[dir="rtl"] main.wcp-location-page .mc-desc,
html[dir="rtl"] main.wcp-category-page .mc-meta,
html[dir="rtl"] main.wcp-location-page .mc-meta {
    text-align: right !important;
}

html[dir="rtl"] main.wcp-category-page .mc-right,
html[dir="rtl"] main.wcp-location-page .mc-right {
    border-left: none !important;
    border-right: 1px solid var(--wcp-sync-border) !important;
    padding-left: 0 !important;
    padding-right: 22px !important;
}

@media (max-width: 991.98px) {
    html[dir="rtl"] main.wcp-category-page .mc-right,
    html[dir="rtl"] main.wcp-location-page .mc-right {
        border-right: none !important;
        padding-right: 0 !important;
    }

    html[dir="rtl"] main.wcp-category-page .mc-title-wrapper,
    html[dir="rtl"] main.wcp-location-page .mc-title-wrapper,
    html[dir="rtl"] main.wcp-category-page .mc-desc,
    html[dir="rtl"] main.wcp-location-page .mc-desc,
    html[dir="rtl"] main.wcp-category-page .mc-meta,
    html[dir="rtl"] main.wcp-location-page .mc-meta {
        text-align: center !important;
    }
}

/* ============================================================
   END — WCP CATEGORY + LOCATION FULL FINAL CSS
============================================================ */

/* ============================================================
   WCP CATEGORY + LOCATION — HEADER UYUMLULUK HARD LOCK
   Bu blok EN SONDA kalmalı.
   Amaç:
   - Dış Bootstrap container genişliğini ve eski 1480/1240 değerlerini ezer.
   - Lokasyon/kategori sayfalarını header standardına kilitler.
   - Hem main üzerinde container varsa hem yoksa çalışır.
============================================================ */

:root {
    --wcp-sync-shell: 1180px !important;
    --wcp-sync-shell-md: 1140px !important;
    --wcp-sync-x: 24px !important;
    --wcp-sync-x-tablet: 20px !important;
    --wcp-sync-x-mobile: 12px !important;
}

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

/* Ana sayfa kabuğu: container olsa da olmasa da header ölçüsü */
main.wcp-category-page,
main.wcp-location-page,
main.container.wcp-category-page,
main.container.wcp-location-page,
body main.wcp-category-page,
body main.wcp-location-page,
body main.container.wcp-category-page,
body main.container.wcp-location-page {
    width: min(calc(100vw - 24px), 1140px) !important;
    max-width: 1140px !important;
    min-width: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 30px !important;
    margin-bottom: 64px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

/* Büyük ekranda sadece kontrollü nefes */
@media (min-width: 1400px) {
    main.wcp-category-page,
    main.wcp-location-page,
    main.container.wcp-category-page,
    main.container.wcp-location-page,
    body main.wcp-category-page,
    body main.wcp-location-page,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: min(calc(100vw - 32px), 1180px) !important;
        max-width: 1180px !important;
    }
}

/* Tablet */
@media (max-width: 991.98px) {
    main.wcp-category-page,
    main.wcp-location-page,
    main.container.wcp-category-page,
    main.container.wcp-location-page,
    body main.wcp-category-page,
    body main.wcp-location-page,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: min(calc(100vw - 20px), 760px) !important;
        max-width: 760px !important;
        margin-top: 22px !important;
        margin-bottom: 50px !important;
    }
}

/* Mobil */
@media (max-width: 767.98px) {
    main.wcp-category-page,
    main.wcp-location-page,
    main.container.wcp-category-page,
    main.container.wcp-location-page,
    body main.wcp-category-page,
    body main.wcp-location-page,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: calc(100vw - 24px) !important;
        max-width: calc(100vw - 24px) !important;
        margin-top: 16px !important;
        margin-bottom: 42px !important;
    }
}

@media (max-width: 575.98px) {
    main.wcp-category-page,
    main.wcp-location-page,
    main.container.wcp-category-page,
    main.container.wcp-location-page,
    body main.wcp-category-page,
    body main.wcp-location-page,
    body main.container.wcp-category-page,
    body main.container.wcp-location-page {
        width: calc(100vw - 20px) !important;
        max-width: calc(100vw - 20px) !important;
    }
}

/* Bootstrap row/column genişlik kırma */
main.wcp-category-page > .row,
main.wcp-location-page > .row,
main.container.wcp-category-page > .row,
main.container.wcp-location-page > .row {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    --bs-gutter-x: 0 !important;
}

main.wcp-category-page > .row > *,
main.wcp-location-page > .row > *,
main.container.wcp-category-page > .row > *,
main.container.wcp-location-page > .row > * {
    min-width: 0 !important;
}

main.wcp-category-page > .row > .wcp-location-main,
main.wcp-location-page > .row > .wcp-location-main,
main.container.wcp-category-page > .row > .wcp-location-main,
main.container.wcp-location-page > .row > .wcp-location-main,
main.wcp-category-page > .row > .col-lg-12,
main.wcp-location-page > .row > .col-lg-12,
main.container.wcp-category-page > .row > .col-lg-12,
main.container.wcp-location-page > .row > .col-lg-12 {
    flex: 0 0 100% !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Sağ reklam kolonu ana genişliği bozmasın */
main.wcp-category-page .wcp-location-side,
main.wcp-location-page .wcp-location-side,
main.container.wcp-category-page .wcp-location-side,
main.container.wcp-location-page .wcp-location-side,
main.wcp-category-page > .row > .col-lg-3,
main.wcp-location-page > .row > .col-lg-3,
main.container.wcp-category-page > .row > .col-lg-3,
main.container.wcp-location-page > .row > .col-lg-3 {
    display: none !important;
}

/* Tüm ana bloklar kabuğun dışına taşmasın */
main.wcp-category-page .wcp-category-search-wrap-main,
main.wcp-category-page .wcp-location-search-wrap-main,
main.wcp-location-page .wcp-location-search-wrap-main,
main.wcp-category-page .wcp-location-hero,
main.wcp-location-page .wcp-location-hero,
main.wcp-category-page .top-action-bar,
main.wcp-location-page .top-action-bar,
main.wcp-category-page .wcp-location-select-box,
main.wcp-location-page .wcp-location-select-box,
main.wcp-category-page .wcp-category-filterbar,
main.wcp-location-page .wcp-location-filterbar,
main.wcp-location-page .wcp-location-map-preview,
main.wcp-category-page #infinite-scroll,
main.wcp-location-page #infinite-scroll,
main.wcp-category-page .infinite-scroll,
main.wcp-location-page .infinite-scroll,
main.wcp-category-page .wcp-location-seo-content,
main.wcp-location-page .wcp-location-seo-content,
main.wcp-category-page .master-card,
main.wcp-location-page .master-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* Çok uzun başlık / link / lokasyon dışarı itmesin */
main.wcp-category-page .mc-title,
main.wcp-location-page .mc-title,
main.wcp-category-page .mc-meta,
main.wcp-location-page .mc-meta,
main.wcp-category-page .mc-desc,
main.wcp-location-page .mc-desc,
main.wcp-category-page .mc-web-link,
main.wcp-location-page .mc-web-link,
main.wcp-category-page .wcp-location-desc,
main.wcp-location-page .wcp-location-desc {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
}

/* Desktop kart, 1140/1180 içine daha dengeli otursun */
@media (min-width: 992px) {
    main.wcp-category-page .master-card,
    main.wcp-location-page .master-card {
        grid-template-columns: 88px minmax(0, 1fr) 160px !important;
        gap: 18px !important;
        padding: 20px !important;
    }

    main.wcp-category-page .mc-left,
    main.wcp-location-page .mc-left,
    main.wcp-category-page .mc-logo-wrap,
    main.wcp-location-page .mc-logo-wrap {
        width: 88px !important;
        min-width: 88px !important;
        height: 88px !important;
        min-height: 88px !important;
    }

    main.wcp-category-page .mc-right,
    main.wcp-location-page .mc-right {
        width: 160px !important;
        min-width: 160px !important;
        padding-left: 16px !important;
    }

    main.wcp-category-page .wcp-location-hero,
    main.wcp-location-page .wcp-location-hero {
        padding: 26px 28px !important;
    }
}

/* Eğer eski CSS daha sonra browserda cache'ten gelirse bile bu dosyanın en son hali kazanmalı. */

/* ============================================================
   WCP CATEGORY + LOCATION — CLICK / HOVER FINAL SAFE LOCK
   BU BLOK EN SONDA KALMALI.
   Amaç:
   - Profil Gör, Devamını Oku, başlık, web linki, yol tarifi ve filtreler tıklanabilir kalsın.
   - Kart hover hareketi mouse zıplaması yapmasın.
   - Görünmez katman butonun üstüne binmesin.
   Not:
   - stretched-link::after kapatılmadı.
   - genel *::before / *::after pointer-events kapatılmadı.
============================================================ */

/* Sayfa içinde tıklanabilir elemanlar tekrar aktif */
main.wcp-category-page a,
main.wcp-location-page a,
main.wcp-category-page button,
main.wcp-location-page button,
main.wcp-category-page .btn,
main.wcp-location-page .btn,
main.wcp-category-page input,
main.wcp-location-page input,
main.wcp-category-page select,
main.wcp-location-page select,
main.wcp-category-page textarea,
main.wcp-location-page textarea,
main.wcp-category-page label,
main.wcp-location-page label {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Ana kart hareket etmesin, mouse zıplaması olmasın */
main.wcp-category-page .master-card,
main.wcp-location-page .master-card,
main.wcp-category-page .master-card:hover,
main.wcp-location-page .master-card:hover,
main.wcp-category-page .master-card:focus,
main.wcp-location-page .master-card:focus,
main.wcp-category-page .master-card:active,
main.wcp-location-page .master-card:active {
    position: relative !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    pointer-events: auto !important;
}

/* Kart içindeki kolonları güvenli katmanla sırala */
main.wcp-category-page .mc-left,
main.wcp-location-page .mc-left {
    position: relative !important;
    z-index: 10 !important;
    pointer-events: auto !important;
}

main.wcp-category-page .mc-center,
main.wcp-location-page .mc-center {
    position: relative !important;
    z-index: 20 !important;
    pointer-events: auto !important;
}

main.wcp-category-page .mc-right,
main.wcp-location-page .mc-right {
    position: relative !important;
    z-index: 80 !important;
    pointer-events: auto !important;
}

/* Profil Gör butonu kesin tıklanabilir ve üst katmanda */
main.wcp-category-page .mc-btn,
main.wcp-location-page .mc-btn,
main.wcp-category-page a.mc-btn,
main.wcp-location-page a.mc-btn,
main.wcp-category-page button.mc-btn,
main.wcp-location-page button.mc-btn {
    position: relative !important;
    z-index: 999 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    transform: none !important;
    translate: none !important;
    scale: 1 !important;
    transition: none !important;
    animation: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Buton içindeki ikon/span yazı tıklamayı engellemesin */
main.wcp-category-page .mc-btn *,
main.wcp-location-page .mc-btn * {
    pointer-events: none !important;
    color: inherit !important;
    -webkit-text-fill-color: inherit !important;
}

/* Başlık, devamını oku, web linki, yol tarifi tıklanabilir */
main.wcp-category-page .mc-title,
main.wcp-location-page .mc-title,
main.wcp-category-page .mc-read-more,
main.wcp-location-page .mc-read-more,
main.wcp-category-page .mc-web-link,
main.wcp-location-page .mc-web-link,
main.wcp-category-page .mc-btn-directions,
main.wcp-location-page .mc-btn-directions,
main.wcp-category-page a.mc-title,
main.wcp-location-page a.mc-title,
main.wcp-category-page a.mc-read-more,
main.wcp-location-page a.mc-read-more,
main.wcp-category-page a.mc-web-link,
main.wcp-location-page a.mc-web-link,
main.wcp-category-page a.mc-btn-directions,
main.wcp-location-page a.mc-btn-directions {
    position: relative !important;
    z-index: 500 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    transform: none !important;
    transition: none !important;
}

/* Puan yıldızları çalışsın */
main.wcp-category-page .mc-interactive-stars,
main.wcp-location-page .mc-interactive-stars,
main.wcp-category-page .mc-interactive-stars *,
main.wcp-location-page .mc-interactive-stars * {
    pointer-events: auto !important;
    cursor: pointer !important;
}

/* Filtre, kategori seç, sıralama ve arama alanları çalışsın */
main.wcp-category-page .lux-search-wrapper,
main.wcp-location-page .lux-search-wrapper,
main.wcp-category-page .lux-search-wrapper *,
main.wcp-location-page .lux-search-wrapper *,
main.wcp-category-page .wcp-category-filterbar,
main.wcp-location-page .wcp-location-filterbar,
main.wcp-category-page .wcp-category-filterbar *,
main.wcp-location-page .wcp-location-filterbar *,
main.wcp-category-page .wcp-location-select-box,
main.wcp-location-page .wcp-location-select-box,
main.wcp-category-page .wcp-location-select-box *,
main.wcp-location-page .wcp-location-select-box *,
main.wcp-category-page .top-action-bar,
main.wcp-location-page .top-action-bar,
main.wcp-category-page .top-action-bar *,
main.wcp-location-page .top-action-bar * {
    pointer-events: auto !important;
}

/* Arama butonu ve input üstte kalsın */
main.wcp-category-page .lux-search-container,
main.wcp-location-page .lux-search-container {
    position: relative !important;
    z-index: 300 !important;
}

main.wcp-category-page .lux-search-input,
main.wcp-location-page .lux-search-input,
main.wcp-category-page .lux-search-btn,
main.wcp-location-page .lux-search-btn {
    position: relative !important;
    z-index: 350 !important;
    pointer-events: auto !important;
}

/* Eğer kartta tüm alanı kaplayan link varsa, gerçek butonların üstüne çıkamasın */
main.wcp-category-page .master-card > a:not(.mc-btn):not(.mc-title):not(.mc-read-more):not(.mc-web-link):not(.mc-btn-directions),
main.wcp-location-page .master-card > a:not(.mc-btn):not(.mc-title):not(.mc-read-more):not(.mc-web-link):not(.mc-btn-directions) {
    z-index: 5 !important;
}

/* Bootstrap stretched-link kullanılıyorsa bozma; sadece buton kolonunu onun üstüne al */
main.wcp-category-page .stretched-link,
main.wcp-location-page .stretched-link {
    z-index: 5 !important;
}

main.wcp-category-page .mc-right .stretched-link,
main.wcp-location-page .mc-right .stretched-link,
main.wcp-category-page .mc-right .mc-btn,
main.wcp-location-page .mc-right .mc-btn {
    z-index: 999 !important;
}

/* Header çalışsın, ama sayfa içerik linklerini ezmesin */
.header-master-wrapper,
.header-master-wrapper *,
.wcp-header,
.wcp-header *,
.header-container,
.header-container * {
    pointer-events: auto !important;
}

/* Son güvenlik: kategori/lokasyon sayfasında smooth scroll kaynaklı atlama olmasın */
html,
body {
    scroll-behavior: auto !important;
}

/* ============================================================
   WCP CATEGORY / LOCATION — STAR HARD FIX FINAL
   Amaç: stars() çıktısı FontAwesome / eski CSS yüzünden çizgi/nokta gibi
   görünse bile liste kartlarında yıldızları net altın ★★★★★ olarak gösterir.
   Bu blok 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;
    width: 100% !important;
    min-height: 22px !important;
    margin: 0 !important;
    padding: 0 !important;
    direction: ltr !important;
}

main.wcp-category-page .mc-rating-top .stars,
main.wcp-location-page .mc-rating-top .stars {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 86px !important;
    height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    white-space: nowrap !important;
    line-height: 1 !important;
    font-size: 0 !important;
    letter-spacing: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    font-family: Arial, Helvetica, sans-serif !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-category-page .mc-rating-top .stars *::after,
main.wcp-location-page .mc-rating-top .stars *::before,
main.wcp-location-page .mc-rating-top .stars *::after {
    content: none !important;
    display: none !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: 16px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: 1px !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    opacity: 1 !important;
    visibility: visible !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-width: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #2563eb !important;
    -webkit-text-fill-color: #2563eb !important;
    font-size: .92rem !important;
    font-weight: 950 !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    visibility: visible !important;
}

main.wcp-category-page .mc-interactive-stars,
main.wcp-location-page .mc-interactive-stars {
    display: flex !important;
    flex-direction: row-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    width: 100% !important;
    min-height: 21px !important;
    direction: ltr !important;
}

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

main.wcp-category-page .mc-interactive-stars label,
main.wcp-location-page .mc-interactive-stars label {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #cbd5e1 !important;
    -webkit-text-fill-color: #cbd5e1 !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 17px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
}

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

main.wcp-category-page .mc-right .small,
main.wcp-location-page .mc-right .small {
    display: block !important;
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    font-size: .72rem !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    margin-bottom: 4px !important;
}

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

    main.wcp-category-page .mc-rating-top .stars::before,
    main.wcp-location-page .mc-rating-top .stars::before {
        font-size: 15px !important;
        letter-spacing: .8px !important;
    }

    main.wcp-category-page .mc-rating-top .score,
    main.wcp-location-page .mc-rating-top .score {
        font-size: .88rem !important;
    }
}