.saif-weather-control{position:relative;display:inline-flex;align-items:center;flex:0 0 auto;z-index:120}
.saif-weather-trigger{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:98px;min-width:98px;min-height:34px;padding:4px;border:1px solid #d8e5ed;border-radius:12px;background:#fff;color:#142d42;font:700 11px/1 Tahoma,Arial,sans-serif;direction:ltr;cursor:pointer;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.saif-weather-trigger:hover{border-color:#74bfff;box-shadow:0 4px 12px #367bb21c;transform:translateY(-1px)}
.saif-weather-trigger:focus-visible{outline:3px solid #5cb4ff66;outline-offset:3px}
.saif-weather-trigger:active{transform:translateY(1px) scale(.98)}
.saif-weather-trigger[aria-expanded=true]{border-color:#67b8ff;box-shadow:0 0 0 2px #67b8ff2b}
.saif-weather-trigger[aria-busy=true]{cursor:wait}
.saif-weather-trigger__icon{font-size:13px;line-height:1;white-space:nowrap}
.saif-weather-trigger__temp{font-size:12px;font-weight:800;direction:ltr;white-space:nowrap}
.saif-weather-trigger__city{max-width:34px;overflow:hidden;color:#304b5d;font-size:8px;white-space:nowrap;text-overflow:ellipsis}
.saif-weather-trigger__chevron{margin-inline-start:1px;color:#21445b;font-size:10px;line-height:1}
.saif-weather-popover{position:absolute;top:calc(100% + 8px);width:308px;padding:13px;border:1px solid #e0e8ed;border-radius:10px;background:#fff;color:#162f40;box-shadow:0 12px 28px #183d3021;direction:rtl}
.saif-weather-popover[hidden]{display:none}
.saif-weather-popover::before{content:"";position:absolute;top:-7px;left:calc(var(--saif-weather-arrow-left,96px) - 7px);width:13px;height:13px;border-top:1px solid #e0e8ed;border-left:1px solid #e0e8ed;background:#fff;transform:rotate(45deg)}
.saif-weather-popover__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 0 10px;border-bottom:1px solid #e6edf0}
.saif-weather-settings{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e3ebef;border-radius:50%;color:#627583;font-size:15px;line-height:1;direction:ltr}
.saif-weather-location{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;min-width:0;column-gap:4px;text-align:right}
.saif-weather-location__pin{grid-column:3;color:#7b8d98;font-size:14px;line-height:1}
.saif-weather-city-select{grid-column:2;min-width:0;max-width:170px;padding:0 2px;border:0;appearance:none;background:transparent;color:#142d42;font:800 15px/1.2 Tahoma,Arial,sans-serif;cursor:pointer;transition:color .18s ease,background .18s ease}
.saif-weather-city-select:hover{color:#2678b6}
.saif-weather-city-select:focus-visible{outline:2px solid #67b8ff99;outline-offset:2px;border-radius:4px}
.saif-weather-city-select:active{background:#eef7ff}
.saif-weather-city-chevron{grid-column:1;color:#183d30;font-size:15px;line-height:1}
.saif-weather-location small{grid-column:2/4;margin-top:4px;color:#748590;font-size:10px;white-space:nowrap}
.saif-weather-popover__main{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:59px;padding:11px 0 10px;border-bottom:1px solid #edf1f3}
.saif-weather-main-temp{display:flex;align-items:center;gap:7px;direction:rtl}
.saif-weather-main-temp .saif-weather-trigger__icon{font-size:26px}
.saif-weather-main-temp b{font-size:29px;line-height:1;direction:ltr}
.saif-weather-main-status{display:grid;gap:4px;color:#617581;text-align:right}
.saif-weather-main-status span{font-size:11px}
.saif-weather-main-status small{font-size:10px}
.saif-weather-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:10px 0;border-bottom:1px solid #e6edf0}
.saif-weather-detail{position:relative;min-height:45px;padding:7px 8px;border-radius:9px;background:#eef7f2;color:#5f727d;font-size:9px;text-align:right}
.saif-weather-detail__icon{position:absolute;top:8px;left:8px;color:#2386d0;font-size:15px;line-height:1}
.saif-weather-detail--pressure .saif-weather-detail__icon{color:#6d50c9}.saif-weather-detail--visibility .saif-weather-detail__icon{color:#15934d}.saif-weather-detail--apparent .saif-weather-detail__icon{color:#ff7d1d}.saif-weather-detail--wind .saif-weather-detail__icon{color:#2d73cd}.saif-weather-detail--dew .saif-weather-detail__icon{color:#ed4f92}
.saif-weather-detail b{display:block;margin-top:3px;color:#203b4b;font-size:11px;direction:ltr;text-align:right}
.saif-weather-popover__footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;color:#506875;font-size:9px;white-space:nowrap}
.saif-weather-full-detail{color:#1d394a}.saif-weather-full-detail b{margin-inline-start:4px;font-size:14px;font-weight:400;vertical-align:-1px}
.saif-weather-updated{color:#70828c}.saif-weather-updated b{margin-inline-end:4px;color:#426879;font-size:14px;font-weight:400;vertical-align:-1px}
@media(max-width:700px){.saif-weather-trigger{width:88px;min-width:88px;min-height:32px;padding-inline:3px}.saif-weather-trigger__icon{font-size:12px}.saif-weather-trigger__temp{font-size:11px}.saif-weather-trigger__city{max-width:31px;font-size:8px}.saif-weather-popover{position:fixed;top:68px;left:14px!important;right:14px!important;width:auto!important;max-height:calc(100vh - 84px);overflow:auto}.saif-weather-popover::before{display:none}.saif-weather-city-select{max-width:135px}.saif-weather-details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.saif-weather-trigger{transition:none}}