/* Shared visitor surfaces; colors follow the active site's palette. */
:root{--visitor-soft:#f5f7fa;--visitor-line:#dce4ed}
html:has(#siteAppearanceTokens){--visitor-soft:color-mix(in srgb,var(--appearance-primary) 1.5%,var(--appearance-bg));--visitor-line:color-mix(in srgb,var(--appearance-primary) 15%,var(--appearance-bg))}
html:has(#siteAppearanceTokens) #main-content .detail-sidebar{background:transparent}
html:has(#siteAppearanceTokens) .detail-sidebar .detail-side-block{background:var(--visitor-soft);border-color:var(--visitor-line)}
.detail-side-card>a{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:start;gap:11px}
.detail-side-card .detail-side-text{height:60px;display:flex;flex-direction:column;justify-content:space-between;gap:3px}
.detail-side-card .detail-side-title{font-size:13px;line-height:18px;max-height:36px;-webkit-line-clamp:2}
.detail-side-card .detail-side-meta{margin:0;gap:7px;font-size:9px;line-height:18px;flex-wrap:nowrap;white-space:nowrap}
.detail-side-card .detail-side-meta .bi{font-size:10px}
.detail-side-card img{display:block}
.detail-side-all{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--visitor-line);margin-top:14px}
.detail-side-all a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:6px 12px;border:1px solid var(--visitor-line);border-radius:6px;font-size:13px;text-decoration:none}
.detail-side-all.single-category [data-category-title]{display:none}
.detail-sharing{flex-direction:row;align-items:center;justify-content:flex-start;gap:4px 10px;padding:2px 8px;border:1px solid var(--visitor-line);border-radius:8px;background:var(--visitor-soft);color:var(--appearance-muted,#536477)}
.detail-sharing>span:first-child{font-size:12px;font-weight:600}
.detail-sharing .share-status{text-align:left}
.footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap;min-width:0}
.main-footer .footer-actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:11px 18px;border-radius:6px;background:var(--appearance-accent,#bc2343);color:var(--appearance-on-accent,#fff);font-size:13px;text-decoration:none;text-align:center}
.main-footer .footer-actions>a:hover{filter:brightness(.94)}
html:has(#siteAppearanceTokens) .municipality-quick-wrap{background:linear-gradient(110deg,var(--visitor-soft),color-mix(in srgb,var(--appearance-accent) 4%,var(--appearance-bg)))}
html:has(#siteAppearanceTokens) .home-contact .contact-social-band{background:var(--visitor-soft);border:1px solid var(--visitor-line);border-top:3px solid var(--appearance-primary);border-radius:8px}
html:has(#siteAppearanceTokens) .home-contact .contact-social-card{background:transparent}
html:has(#siteAppearanceTokens) .home-contact .contact-address-card{border:1px solid var(--visitor-line);border-top:3px solid var(--appearance-primary);background:var(--visitor-soft)}
body:has(.municipality-marker[data-home=true]) #main-content{margin-bottom:0}
#main-content .home-contact{padding-bottom:0}
#main-content .portal-block:has(>.home-contact){padding-bottom:0!important}
#main-content .portal-design-row:last-child:has(>.portal-block:last-child>.home-contact){padding-bottom:0}
#main-content .municipality-content-grid:has(>.portal-home-layout:last-child>.portal-region:last-child>.portal-design-row:last-child>.portal-block:last-child>.home-contact){padding-bottom:0}
html:has(#siteAppearanceTokens) .portal-whatsapp>a{background:#25d366;color:#fff;box-shadow:0 5px 18px #075e542b}
html:has(#siteAppearanceTokens) .portal-whatsapp>a:hover{background:#128c7e;color:#fff}
body{--visitor-topbar:var(--appearance-primary,#123461);--visitor-on-topbar:var(--appearance-on-primary,#fff)}
body:has(.main-header.appearance-header-classic){--visitor-topbar:color-mix(in srgb,var(--appearance-primary) 65%,#000);--visitor-on-topbar:#fff}
body:has(.main-header.appearance-default-colors){--visitor-topbar:#0b2243;--visitor-on-topbar:#fff}
html:has(#siteAppearanceTokens) .main-footer .footer-bottom{background:var(--visitor-topbar);color:var(--visitor-on-topbar)}
html:has(#siteAppearanceTokens) .main-footer .footer-bottom :is(button,span,a){color:var(--visitor-on-topbar)}
.detail-side-all a:focus-visible,.footer-actions a:focus-visible{outline:3px solid var(--appearance-accent,#bc2343);outline-offset:3px}
@media(max-width:1050px){.detail-side-block{padding:16px}.detail-side-card>a{grid-template-columns:60px minmax(0,1fr);gap:9px}.detail-side-card img,.detail-side-card .detail-side-placeholder{width:60px;height:60px}.detail-side-card .detail-side-title{font-size:12px}}
@media(max-width:767px){.detail-side-card .detail-side-title{font-size:13px}.footer-invitation{flex-wrap:wrap;gap:20px}.footer-actions{justify-content:flex-start}.detail-toolbar{flex-wrap:wrap}.detail-sharing{margin-left:0}}
@media(max-width:500px){.detail-side-card>a{grid-template-columns:76px minmax(0,1fr);gap:11px}.detail-side-card img,.detail-side-card .detail-side-placeholder{width:76px;height:64px}.detail-side-card .detail-side-text{height:64px}.detail-side-card .detail-side-title{font-size:14px;line-height:20px;max-height:40px}.detail-side-card .detail-side-meta{font-size:10px}}
@media(pointer:coarse){.detail-share-icons a,.detail-share-icons button{min-width:44px;min-height:44px}}

/* 22 Ekim: sosyal bandın üst ve altındaki boşluk aynı ritmi izler. */
#main-content .home-contact{padding-bottom:24px}
html:has(#siteAppearanceTokens) .municipality-quick-wrap{background:color-mix(in srgb,var(--appearance-primary) 9%,var(--appearance-bg))}
.utility-links{gap:0!important}.utility-links>a+a:before,.utility-links>.visitor-utility-links>a:before{content:'|';display:inline-block;padding:0 12px;opacity:.55}
.mayor-home-information .mayor-home-contact{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-start}
.mayor-home-information .mayor-home-contact a{display:grid;place-items:center;width:36px;height:36px;min-width:36px;min-height:36px;border:1px solid var(--visitor-line);border-radius:50%;background:#fff!important;color:var(--appearance-primary,#173b68);font-size:16px;text-decoration:none;margin:0;transition:background-color .15s,border-color .15s}
.mayor-home-information .mayor-home-contact a:is(:hover,:focus-visible){background:#eaf1f8!important;color:var(--appearance-primary,#173b68);border-color:var(--appearance-primary,#173b68)}
@media(pointer:coarse){.mayor-home-information .mayor-home-contact a{min-width:44px;min-height:44px}}
@media(max-width:767px){#main-content .home-contact{padding-bottom:20px}.utility-links>a+a:before{padding:0 7px}}

/* Direct children in the configured utility navigation use the same separators. */
.utility-links .visitor-utility>li+li:before,.utility-links nav>ul>li+li:before{content:'|';opacity:.55;padding:0 10px}
.utility-links nav>ul>li{display:flex;align-items:center}
.mayor-home-information .mayor-home-contact{gap:4px}
@media(max-width:1050px){.metro-hero-panel .metro-panel-title>span{font-size:11px;max-width:none;white-space:nowrap;letter-spacing:1.2px}}