/* Sakarya360 / Nöbetçi Eczaneler — scoped styles, existing theme remains intact. */
.ph-main{background:linear-gradient(180deg,#f3f8f7 0,#f7faf9 410px,#f8fbfb 100%);min-height:75vh;color:#163333}.ph-main button,.ph-main input,.ph-main select{font-family:inherit}.ph-hero{background:radial-gradient(circle at 85% 50%,#147e71 0%,transparent 31%),linear-gradient(115deg,#082d32,#0a4d4b 62%,#09564b);color:white;position:relative;overflow:hidden}.ph-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#adffdc38 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,transparent 25%,black);pointer-events:none}.ph-hero-inner{min-height:310px;padding:51px 0 63px;display:flex;justify-content:space-between;align-items:center;gap:36px;position:relative}.ph-hero-copy{max-width:750px}.ph-kicker{font-size:10px;letter-spacing:2.1px;font-weight:800;color:#c1fae6;display:flex;align-items:center;gap:10px}.ph-online-dot{width:8px;height:8px;background:#63edab;box-shadow:0 0 0 5px #42d99d27;border-radius:50%}.ph-hero h1{font-size:clamp(35px,4.7vw,58px);line-height:1.1;letter-spacing:-2.9px;margin:25px 0 15px;font-weight:800}.ph-hero h1 em{font-style:normal;color:#9ff5cc}.ph-hero-copy>p{max-width:590px;font-size:13px;line-height:1.85;color:#d3e6e4;margin-bottom:25px}.ph-meta{display:flex;flex-wrap:wrap;gap:10px}.ph-meta>span{display:flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid #ffffff22;color:#e8f7f3;padding:10px 13px;border-radius:10px;font-size:11px}.ph-meta svg{height:16px;width:16px;color:#90edc8}.ph-meta b{font-weight:800}.ph-hero-side{width:215px;min-width:215px;position:relative}.ph-cross{font-weight:900;font-size:145px;position:absolute;right:-28px;top:-75px;color:#afffd322;line-height:1}.ph-hero-glass{border-radius:23px;padding:25px;background:linear-gradient(145deg,#ffffff26,#ffffff08);border:1px solid #ffffff38;box-shadow:0 16px 40px #031d2060;backdrop-filter:blur(8px)}.ph-hero-glass>span{display:block;font-size:9px;letter-spacing:1px;color:#d2f1e8;font-weight:800}.ph-hero-glass strong{display:block;font-size:64px;line-height:1.1;margin-top:11px;letter-spacing:-2px}.ph-hero-glass small{font-size:11px;color:#bbe6dd}.ph-hero-mini{display:flex;align-items:flex-end;gap:7px;height:44px;margin-top:12px}.ph-hero-mini span{border-radius:4px 4px 0 0;width:20%;background:linear-gradient(#79edbc,#12ab8b);height:32%}.ph-hero-mini span:nth-child(2){height:62%}.ph-hero-mini span:nth-child(3){height:45%}.ph-hero-mini span:nth-child(4){height:80%}.ph-hero-mini span:nth-child(5){height:100%}.ph-body{padding-bottom:80px}.ph-notice{display:flex;gap:12px;padding:18px 20px;border:1px solid #f4d99b;background:#fff8e8;border-radius:15px;color:#805d20;margin:18px 0}.ph-notice p{font-size:12px;margin:5px 0 0;line-height:1.7}.ph-notice a{font-weight:800;text-decoration:underline}.ph-notice svg{color:#ab8a41}.ph-toolbar{position:relative;background:#fff;border:1px solid #e5eeed;border-radius:21px;padding:26px 29px 19px;margin-top:-28px;box-shadow:0 18px 48px #123a3d0c;z-index:3}.ph-toolbar-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:21px}.ph-overline{display:block;font-weight:800;font-size:9px;letter-spacing:1.8px;color:#009775;margin-bottom:9px}.ph-toolbar h2{font-size:24px;letter-spacing:-1.15px;margin:0 0 5px}.ph-toolbar p{font-size:11px;color:#758e92;margin:0}.ph-verified{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;font-size:10px;font-weight:800;color:#438d75;background:#eaf8f1;border-radius:60px;padding:9px 11px}.ph-verified svg{height:15px;width:15px}.ph-controls{display:flex;gap:11px;align-items:stretch}.ph-controls label{display:flex;align-items:center;gap:10px;background:#f7faf9;border:1px solid #e1eeeb;border-radius:12px;padding:0 16px;min-height:52px}.ph-controls label:focus-within{border-color:#1ca787;box-shadow:0 0 0 3px #19b68a16}.ph-controls label svg{width:18px;height:18px;color:#3a9988;flex:none}.ph-search-control{flex:1}.ph-search-control input{width:100%;border:0;background:none;outline:0;font-size:12px;color:#243b40;min-width:0}.ph-district-control{width:270px}.ph-district-control select{background:transparent;border:0;outline:0;width:100%;font-size:12px;color:#254549;font-weight:700}.ph-clear{border:1px solid #d6e9e5;background:#fff;color:#3c7369;font-size:11px;font-weight:800;border-radius:12px;padding:0 17px}.ph-clear:hover{background:#f0faf6}.ph-chip-bar{display:flex;gap:8px;overflow:auto;padding:16px 0 0;scrollbar-width:thin}.ph-chip-bar button{border:1px solid #e4eeeb;background:#fff;color:#67817c;border-radius:40px;white-space:nowrap;padding:8px 14px;font-weight:800;font-size:10px;transition:.2s}.ph-chip-bar button:hover{color:#008d70;border-color:#80cdb7}.ph-chip-bar button.active{background:#0c846b;border-color:#0c846b;color:#fff}.ph-section-top{display:flex;justify-content:space-between;align-items:end;margin:29px 0 16px}.ph-section-top h2{font-size:24px;letter-spacing:-.8px;margin:0}.ph-count{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#007b67;font-size:12px;min-width:30px;height:28px;margin-left:8px;padding:0 6px;background:#dcf6ea;vertical-align:middle}.ph-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.88fr);gap:18px;align-items:start}.ph-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;min-width:0}.ph-card{border-radius:16px;background:#fff;border:1px solid #e6eeed;padding:19px;box-shadow:0 6px 20px #264a5008;transition:border-color .2s,transform .2s,box-shadow .2s;min-width:0}.ph-card:hover,.ph-card.ph-selected{border-color:#65c8b4;box-shadow:0 10px 26px #008b7020;transform:translateY(-2px)}.ph-card-top{display:flex;align-items:flex-start;gap:11px}.ph-symbol{width:42px;height:42px;flex:none;border-radius:12px;background:linear-gradient(135deg,#e5f8ef,#cbf3e5);color:#0b9b77;display:grid;place-items:center;font-size:29px;font-weight:500}.ph-card-title{flex:1;min-width:0}.ph-pill{display:flex;align-items:center;gap:5px;color:#07996e;letter-spacing:.6px;font-weight:800;font-size:8px}.ph-pill>span{width:5px;height:5px;border-radius:50%;background:#0cc48c}.ph-card h3{font-size:16px;letter-spacing:-.6px;margin:5px 0 6px;font-weight:800;line-height:1.3}.ph-place{display:inline-flex;align-items:center;gap:4px;color:#678b81;font-size:10px;font-weight:700}.ph-place svg{width:12px;height:12px}.ph-card-no{font-size:9px;color:#a1b8b1;font-weight:800}.ph-address{font-size:11px;line-height:1.65;color:#617b7b;min-height:53px;margin:17px 0 12px}.ph-card-bottom{display:grid;grid-template-columns:.75fr 1fr 1fr;gap:5px}.ph-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:35px;padding:7px 5px;border:1px solid #e1ece9;border-radius:8px;background:#fff;font-size:9px;font-weight:800;color:#24715f;white-space:nowrap;text-decoration:none}.ph-action svg{width:14px;height:14px}.ph-action:hover{background:#eef9f5}.ph-action-call{background:#0d946f;border-color:#0d946f;color:#fff}.ph-action-call:hover{background:#087a5f}.ph-action-map{cursor:pointer}.ph-card-source{border-top:1px solid #f0f4f3;margin-top:13px;padding-top:11px;display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:9px;color:#839691}.ph-card-source span{display:inline-flex;align-items:center;gap:4px}.ph-card-source span svg{width:12px;height:12px}.ph-card-source a{text-decoration:underline;color:#478b7d}.ph-card[hidden]{display:none}.ph-empty{grid-column:1/-1;text-align:center;background:#fff;border:1px dashed #c5ded4;border-radius:16px;padding:42px 22px}.ph-empty-icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;color:#139b7f;background:#e6f7ef;font-size:40px;margin:0 auto 15px}.ph-empty h3{font-size:16px}.ph-empty p{font-size:12px;line-height:1.75;color:#798b89}.ph-map-shell{background:#fff;border:1px solid #e5eeeb;border-radius:17px;overflow:hidden;position:sticky;top:96px;box-shadow:0 8px 24px #183a360b}.ph-map-head{padding:16px 18px;display:flex;justify-content:space-between;align-items:center;gap:10px}.ph-map-head strong{display:flex;gap:7px;align-items:center;font-size:12px}.ph-map-head strong svg{width:16px;height:16px;color:#0b9d79}.ph-map-head small{display:block;color:#829790;margin-top:5px;font-size:9px}.ph-map-head button{border:1px solid #e2eee9;border-radius:9px;background:white;width:32px;height:32px;display:grid;place-items:center;color:#14866d}.ph-map-head button svg{width:18px;height:18px}.ph-map{height:560px;background:#deeee8}.ph-map-fallback{position:absolute;inset:76px 0 33px;background:linear-gradient(140deg,#eef7f2ed,#f4faf8ee);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;z-index:5}.ph-map-fallback[hidden]{display:none}.ph-map-fallback>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#dbf2e6;color:#128a6a;margin-bottom:15px}.ph-map-fallback svg{height:29px;width:29px}.ph-map-fallback b{font-size:14px;line-height:1.5}.ph-map-fallback p{font-size:11px;line-height:1.8;color:#657d77;max-width:310px;margin:10px auto}.ph-map-foot{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:12px 16px;color:#7f9992;font-size:9px}.ph-map-foot i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#0da67c;margin-right:5px}.ph-map .leaflet-container{font-family:inherit}.ph-map-marker{position:relative;width:36px;height:36px;border-radius:50% 50% 50% 0;background:linear-gradient(145deg,#15a279,#08735f);border:2px solid #ffffff;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 8px 18px #123e3954}.ph-map-marker:after{content:"";position:absolute;inset:0;border-radius:50% 50% 50% 0;box-shadow:0 0 0 1px #05544622 inset}.ph-map-marker-core{width:20px;height:20px;border-radius:50%;background:#ffffff;display:grid;place-items:center;transform:rotate(45deg);box-shadow:0 1px 2px #00000012 inset}.ph-map-marker-e{font-style:normal;color:#d62c2c;font-size:14px;font-weight:900;line-height:1;font-family:Arial,Helvetica,sans-serif;letter-spacing:-.4px}.ph-map-marker-approx{background:linear-gradient(145deg,#6ea19a,#4c7972)}.ph-map-marker-approx .ph-map-marker-core{background:#f8fcfb}.ph-map-marker-approx .ph-map-marker-e{color:#9a3e3e}.ph-pop h3{font-size:13px;margin:0 0 5px}.ph-pop p{font-size:11px;color:#5c7272;margin:0 0 8px}.ph-pop a{display:inline-flex;color:#047e67;font-weight:700;margin-right:9px;font-size:11px}.ph-mobile-views{display:none}.ph-info{margin:28px 0 0;border-radius:17px;border:1px solid #dfeae5;background:#eef7f3;padding:22px;display:flex;align-items:flex-start;gap:15px}.ph-info-icon{width:31px;height:31px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d3ecdf;color:#17816a;font-weight:800}.ph-info h2{font-size:13px;margin:1px 0 8px}.ph-info p{font-size:11px;line-height:1.8;color:#63817a;margin:0;max-width:680px}.ph-info>a{font-size:10px;font-weight:800;color:#17886e;white-space:nowrap;margin-left:auto;display:flex;align-items:center;gap:5px}.ph-info>a svg{height:15px;width:15px}
@media(max-width:1220px){.ph-layout{grid-template-columns:1fr .87fr}.ph-results{grid-template-columns:1fr}.ph-map{height:620px}.ph-card{padding:17px}.ph-address{min-height:0}.ph-hero-inner{min-height:300px}}
@media(max-width:940px){.ph-layout{grid-template-columns:1fr 1fr}.ph-results{grid-template-columns:1fr}.ph-info{flex-wrap:wrap}.ph-info>a{margin-left:46px}.ph-hero-side{width:170px;min-width:170px}.ph-hero-glass{padding:18px}.ph-hero h1{letter-spacing:-1.5px}}
@media(max-width:700px){.ph-hero-inner{padding:43px 0 65px;min-height:0}.ph-hero h1{font-size:38px;letter-spacing:-1.5px;margin-top:18px}.ph-hero-copy>p{font-size:12px}.ph-hero-side{display:none}.ph-kicker{font-size:9px;letter-spacing:1.15px}.ph-meta>span{font-size:10px;padding:8px 9px}.ph-toolbar{margin-top:-24px;padding:21px 17px;border-radius:18px}.ph-toolbar-head{display:block}.ph-toolbar h2{font-size:21px}.ph-toolbar p{line-height:1.7}.ph-verified{margin-top:12px}.ph-controls{flex-wrap:wrap}.ph-search-control{flex-basis:100%}.ph-district-control{flex:1;min-width:0}.ph-clear{min-height:48px}.ph-section-top h2{font-size:20px}.ph-mobile-views{display:inline-flex;background:#e8f1ed;border-radius:10px;padding:3px;gap:2px}.ph-mobile-views button{background:transparent;color:#58786c;border:0;font-weight:800;font-size:10px;padding:9px 12px;border-radius:8px}.ph-mobile-views button.active{background:#fff;color:#007b66;box-shadow:0 2px 6px #1a3e3720}.ph-layout{display:block}.ph-results{grid-template-columns:1fr}.ph-map-shell{position:relative;top:auto;display:none;margin-top:0}.ph-layout.ph-show-map .ph-map-shell{display:block}.ph-layout.ph-show-map .ph-results{display:none}.ph-map{height:min(61vh,540px);min-height:380px}.ph-info{padding:17px;gap:10px}.ph-info>a{margin-left:40px}.ph-card-bottom{gap:7px}.ph-card{padding:18px}.ph-card h3{font-size:17px}.ph-card-bottom .ph-action{min-height:39px;font-size:10px}.ph-body{padding-bottom:100px}}
@media(max-width:380px){.ph-hero h1{font-size:34px}.ph-card-bottom .ph-action{font-size:9px}.ph-card-bottom{gap:4px}.ph-action svg{width:12px}.ph-meta{gap:5px}}
html[data-theme="dark"] .ph-main{background:#0b1e20;color:#edf7f3}html[data-theme="dark"] .ph-toolbar,html[data-theme="dark"] .ph-card,html[data-theme="dark"] .ph-map-shell,html[data-theme="dark"] .ph-empty{background:#123033;color:#e8f6ef;border-color:#264c47}html[data-theme="dark"] .ph-search-control,html[data-theme="dark"] .ph-district-control{background:#203d3e;border-color:#345755}html[data-theme="dark"] .ph-controls input,html[data-theme="dark"] .ph-controls select{color:#edf8f0}html[data-theme="dark"] .ph-chip-bar button,html[data-theme="dark"] .ph-clear,html[data-theme="dark"] .ph-action:not(.ph-action-call){background:#173f3a;color:#c4f5e0;border-color:#346459}html[data-theme="dark"] .ph-info{background:#193735;border-color:#315b51}html[data-theme="dark"] .ph-info h2{color:#e9faf0}html[data-theme="dark"] .ph-map-fallback{background:#1d3f3eea;color:#ecfff4}html[data-theme="dark"] .ph-map-fallback p{color:#c5e0d4}html[data-theme="dark"] .ph-map-head button{background:#1f4540}html[data-theme="dark"] .ph-map-head strong{color:#e9f4ef}
.ph-empty[hidden],.ph-card[hidden]{display:none!important}
/* Approximate address-derived pins are visibly different from exact coordinates. */
.ph-pop-accuracy{display:block;margin:7px 0 9px;color:#72837b;font-size:10px;line-height:1.5}
.ph-map .leaflet-control-attribution{font-size:9px}
.ph-info{align-items:center}

.ph-map-embed{position:absolute;inset:58px 0 36px;background:#fff;z-index:15;display:flex;flex-direction:column}
.ph-map-embed[hidden]{display:none!important}
.ph-map-embed-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border-bottom:1px solid #e3efea}
.ph-map-embed-head strong{font-size:11px;line-height:1.35}
.ph-map-embed-head button{border:1px solid #d4e8e1;border-radius:7px;padding:7px 10px;background:#f5fbf8;color:#087a5f;font-size:10px;font-weight:800;white-space:nowrap}
.ph-map-embed iframe{width:100%;min-height:0;flex:1;border:0}
@media(max-width:700px){.ph-map-embed{inset:58px 0 36px}}

/* 2026-11-14 – map must remain properly sized after opening a hidden mobile tab. */
.ph-layout,.ph-map-shell{min-width:0}
.ph-map-shell{isolation:isolate}
.ph-map{position:relative;width:100%;overflow:hidden;touch-action:pan-x pan-y}
.ph-map.leaflet-container{z-index:0}
/* Small, non-blocking status label: never hide the tiles or map gestures. */
.ph-map-fallback{inset:auto auto 52px 50%;width:calc(100% - 32px);max-width:390px;transform:translateX(-50%);padding:12px 15px;min-height:0;border:1px solid #c8e4d9;border-radius:12px;background:#fffffff0;box-shadow:0 8px 24px #17443b24;z-index:5;pointer-events:none;display:block}
.ph-map-fallback[hidden]{display:none!important}
.ph-map-fallback>span{display:none}
.ph-map-fallback b{font-size:11px;line-height:1.4}
.ph-map-fallback p{font-size:10px;line-height:1.55;max-width:none;margin:5px 0 0}
.ph-map .leaflet-popup-content-wrapper{border-radius:12px}
.ph-map .leaflet-control-attribution{background:#ffffffe0}
@media(max-width:700px){
 .ph-map-shell{position:relative;top:0;width:100%;margin-bottom:10px;scroll-margin-top:80px}
 .ph-map{height:clamp(390px,64dvh,650px);min-height:390px}
 .ph-map-head{padding:13px 14px}
 .ph-map-foot{flex-wrap:wrap;padding:10px 12px}
 .ph-map .leaflet-control-zoom a{width:35px;height:35px;line-height:35px}
 .ph-map .leaflet-popup-content{max-width:min(70vw,280px)}
}
@media(max-width:390px){.ph-map{height:57dvh;min-height:360px}.ph-map-head strong{font-size:11px}}

/* Harita bilgi penceresi: Sakarya360 nöbetçi eczane eylem düğmeleri */
.ph-map .leaflet-popup-content-wrapper{border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(8,54,48,.18)}
.ph-map .leaflet-popup-content{margin:15px 15px 14px;width:min(265px,calc(100vw - 88px))!important;box-sizing:border-box}
.ph-map .ph-pop{font-family:inherit;min-width:0}
.ph-map .ph-pop-kicker{display:block;font-size:9px;letter-spacing:.9px;color:#07866e;font-weight:900;margin-bottom:6px}
.ph-map .ph-pop h3{font-size:15px;font-weight:850;line-height:1.3;margin:0 12px 7px 0;letter-spacing:-.35px;color:#193a38;overflow-wrap:anywhere}
.ph-map .ph-pop p{font-size:11px;line-height:1.6;margin:0;color:#647c79;overflow-wrap:anywhere}
.ph-map .ph-pop-accuracy{font-size:10px;margin:8px 0 12px;color:#7a8f89}
.ph-map .ph-pop-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr);gap:8px}
.ph-map .ph-pop-actions .ph-pop-btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;height:42px;min-height:42px;min-width:0;box-sizing:border-box;padding:8px 9px;margin:0;border-radius:10px;border:1px solid #0d946f;font-size:11px;font-weight:800;text-decoration:none;white-space:nowrap;line-height:1;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.ph-map .ph-pop-actions .ph-pop-btn svg{width:16px;height:16px;flex-shrink:0}
.ph-map .ph-pop-actions .ph-pop-btn-call{background:#0d946f;color:#fff}
.ph-map .ph-pop-actions .ph-pop-btn-call:hover{background:#087a5f;border-color:#087a5f;color:#fff}
.ph-map .ph-pop-actions .ph-pop-btn-route{background:#eef8f4;color:#087a61;border-color:#cbe7dc}
.ph-map .ph-pop-actions .ph-pop-btn-route:hover{background:#d9f3e8;border-color:#70bd9e;color:#076b53}
.ph-map .ph-pop-actions .ph-pop-btn:focus-visible{outline:3px solid #f3ba65;outline-offset:2px}
.ph-map .leaflet-popup-close-button{color:#47726a!important;font-size:21px!important;top:7px!important;right:7px!important}
@media(max-width:390px){.ph-map .leaflet-popup-content{width:min(245px,calc(100vw - 88px))!important}.ph-map .ph-pop-actions{gap:6px}.ph-map .ph-pop-actions .ph-pop-btn{padding:8px 6px;font-size:10px}}

/* Türkiye'de kullanılan E eczane işaretinin liste kartlarına uyarlanması */
.ph-symbol{background:linear-gradient(135deg,#f0fbf4,#d9f3e7);color:#d52f37;font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:900;letter-spacing:-1px}
.ph-empty-icon{color:#cf3340;font-family:Arial,Helvetica,sans-serif;font-size:31px;font-weight:900}
.ph-cross{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:148px;right:-6px;top:-57px;color:#afffd322}
