
/* World Time Clock v3 - local images and colorful styles */
.wtc-root{font-family:Inter,system-ui,Segoe UI,Roboto,Arial;color:#071b2f;max-width:1200px;margin:18px auto;padding:14px}
.wtc-bigclock{display:flex;gap:18px;align-items:center;justify-content:center;margin-bottom:12px;padding:12px;border-radius:10px;background:linear-gradient(135deg,#fdfbfb 0%,#f0f7ff 100%);box-shadow:0 6px 30px rgba(2,20,60,0.06)}
.wtc-big-analog{width:120px;height:120px;border-radius:50%;border:6px solid #2d6cdf;background:linear-gradient(180deg,#ffffff,#e8f4ff);position:relative;box-shadow:0 6px 18px rgba(13,71,161,0.08)}
.wtc-big-analog .hand{position:absolute;left:50%;bottom:50%;transform-origin:center bottom;border-radius:4px;background:#102a43;transition:transform 0.2s linear}
.wtc-big-digital{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.colorful-digital{font-weight:700;font-size:28px;padding:6px 10px;border-radius:8px;background:linear-gradient(90deg,#ff9a9e,#fecfef,#a1c4fd);color:#fff}
.wtc-container{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.wtc-left{width:260px;background:linear-gradient(180deg,#fff,#f8fbff);padding:12px;border-radius:10px;border:1px solid #e6f0ff}
.wtc-main{flex:1;display:flex;gap:16px;min-width:380px}
.wtc-right{width:300px;background:linear-gradient(180deg,#fff,#f8fbff);padding:12px;border-radius:10px;border:1px solid #e6f0ff}
.wtc-globe-wrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}
.wtc-continents-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;width:100%;max-width:900px}
.wtc-continent-photo{position:relative;cursor:pointer;border-radius:12px;overflow:hidden;border:2px solid #eef7ff;box-shadow:0 10px 30px rgba(13,71,161,0.06);background:#fff;transition:transform .18s ease}
.wtc-continent-photo:hover{transform:translateY(-6px)}
.wtc-continent-photo img{width:100%;height:120px;object-fit:cover;display:block}
.wtc-continent-photo .label{position:absolute;left:8px;bottom:8px;background:rgba(0,0,0,0.45);color:#fff;padding:6px 8px;border-radius:8px;font-size:14px}
.wtc-map-instructions{font-size:13px;color:#254b6b;padding:8px;border-radius:8px;background:#ffffff;border:1px dashed #dbefff}
.wtc-continents{list-style:none;padding:6px;margin:0}
.wtc-continents li{padding:8px;border-radius:8px;margin-bottom:8px;background:#fff;cursor:pointer;border:1px solid #e6f0ff}
.wtc-timezones{max-height:260px;overflow:auto;padding:6px;border:1px dashed #dbefff;border-radius:8px;background:#fff}
.wtc-search{width:100%;padding:10px;border-radius:8px;border:1px solid #cfe6ff;margin-top:6px}
.wtc-search-results{margin-top:8px;min-height:40px}
.wtc-clocks{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.wtc-clock{display:flex;gap:12px;align-items:center;padding:10px;border-radius:10px;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #eef7ff;box-shadow:0 8px 20px rgba(2,20,60,0.03)}
.wtc-analog{width:84px;height:84px;border-radius:50%;border:4px solid #2d6cdf;background:linear-gradient(180deg,#fff,#eaf4ff);position:relative;display:flex;align-items:center;justify-content:center}
.wtc-clock .meta{font-size:13px}
.wtc-digital-color{padding:6px 10px;border-radius:8px;color:#fff;font-weight:700}
.pal-1{background:linear-gradient(90deg,#ff9a9e,#fecfef)}
.pal-2{background:linear-gradient(90deg,#a18cd1,#fbc2eb)}
.pal-3{background:linear-gradient(90deg,#f6d365,#fda085)}
.pal-4{background:linear-gradient(90deg,#84fab0,#8fd3f4)}
.pal-5{background:linear-gradient(90deg,#f093fb,#f5576c)}
/* continent image thumbnails using local images */
.wtc-continent-photo.africa img{background-image:url('assets/images/africa.svg')}
