/* Amindige Weather — front-end styles.
   Uses --amindige-accent / -light / -dark, set by the Customizer
   (see includes/class-customizer.php). Falls back to blue if unset. */

.amindige-page{
	--_accent: var(--amindige-accent, #2a78d6);
	--_accent-light: var(--amindige-accent-light, #cde2fb);
	--_accent-dark: var(--amindige-accent-dark, #184f95);
	--_surface: #ffffff;
	--_page: #f5f8fc;
	--_ink: #0b0b0b;
	--_ink-2: #52514e;
	--_muted: #898781;
	--_border: rgba(11,11,11,0.08);
	font-family: system-ui, -apple-system, "Segoe UI", sans-serif;
	color: var(--_ink);
}
.amindige-page *{box-sizing:border-box;}
.amindige-page a{color:inherit;}

/* Hero */
.amindige-hero{background:linear-gradient(180deg,var(--_surface) 0%,var(--_accent-light) 220%);padding:36px 20px 10px;}
.amindige-hero-inner{max-width:1100px;margin:0 auto;}
.amindige-hero-main{display:flex;align-items:center;gap:24px;flex-wrap:wrap;}
.amindige-hero-icon{font-size:70px;}
.amindige-hero-city{font-size:26px;font-weight:700;}
.amindige-hero-region{font-size:13px;font-weight:500;color:var(--_muted);margin-left:8px;}
.amindige-hero-cond{color:var(--_ink-2);font-size:15px;margin-top:2px;}
.amindige-hero-temp{font-size:80px;font-weight:700;letter-spacing:-.03em;line-height:1;margin-left:auto;}
.amindige-hero-hilo{color:var(--_muted);font-size:14px;}

/* Stat row */
.amindige-statrow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;max-width:1100px;margin:22px auto 0;padding:0 20px;}
.amindige-statcard{background:var(--_surface);border:1px solid var(--_border);border-radius:14px;padding:16px;}
.amindige-lbl{font-size:12px;color:var(--_muted);margin-bottom:6px;}
.amindige-val{font-size:19px;font-weight:700;color:var(--_accent-dark);}

/* Generic wrap & panel */
.amindige-wrap{max-width:1100px;margin:0 auto;padding:26px 20px 40px;}
.amindige-panel{background:var(--_surface);border:1px solid var(--_border);border-radius:16px;padding:22px;margin-bottom:16px;}
.amindige-panel h3{margin:0 0 14px;font-size:15px;font-weight:700;}
.amindige-row2{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.amindige-arcbox{display:flex;align-items:center;justify-content:space-around;text-align:center;}
.amindige-arcbox .a-lbl{font-size:12px;color:var(--_muted);margin-bottom:4px;}
.amindige-arcbox .a-val{font-size:15px;font-weight:700;}

/* Hourly strip */
.amindige-hourly-strip{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;}
.amindige-hourcard{flex:0 0 auto;min-width:76px;text-align:center;background:var(--_page);border:1px solid var(--_border);border-radius:12px;padding:12px 8px;}
.amindige-hourcard .h-t{font-size:12px;color:var(--_muted);margin-bottom:8px;}
.amindige-hourcard .h-i{font-size:22px;margin-bottom:6px;}
.amindige-hourcard .h-v{font-weight:700;font-size:14px;}

/* Multi-day grid */
.amindige-daygrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:12px;}
.amindige-daycard{background:var(--_page);border:1px solid var(--_border);border-radius:12px;padding:14px;text-align:center;}
.amindige-daycard .dd{font-size:12px;color:var(--_muted);margin-bottom:8px;}
.amindige-daycard .di{font-size:24px;margin-bottom:8px;}
.amindige-daycard .dv{font-weight:700;font-size:14px;}
.amindige-daycard .dv span{color:var(--_muted);font-weight:400;margin-left:4px;}

/* Locations browse page */
.amindige-pagetitle{font-size:26px;font-weight:700;margin:0 0 4px;letter-spacing:-.01em;}
.amindige-subtitle{color:var(--_ink-2);font-size:14px;margin-bottom:20px;}
.amindige-tabs{display:flex;gap:8px;margin:20px 0;}
.amindige-tabbtn{padding:9px 18px;border-radius:20px;border:1px solid var(--_border);background:var(--_surface);
	font-size:14px;font-weight:600;cursor:pointer;color:var(--_ink-2);font-family:inherit;}
.amindige-tabbtn.active{background:var(--_ink);color:#fff;border-color:var(--_ink);}
.amindige-tabcontent{display:none;} .amindige-tabcontent.active{display:block;}

.amindige-region{background:var(--_surface);border:1px solid var(--_border);border-radius:14px;margin-bottom:12px;overflow:hidden;}
.amindige-region-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;}
.amindige-region-head .rh-left{display:flex;align-items:center;gap:12px;}
.amindige-region-head .rh-name{font-weight:700;font-size:15px;}
.amindige-region-head .rh-count{color:var(--_muted);font-size:13px;}
.amindige-region-head .rh-car{color:var(--_muted);transition:transform .15s;}
.amindige-region.open .rh-car{transform:rotate(180deg);}
.amindige-region-body{display:none;padding:0 20px 18px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;}
.amindige-region.open .amindige-region-body{display:grid;}
.amindige-citychip{background:var(--_page);border:1px solid var(--_border);border-radius:10px;padding:10px 12px;
	display:flex;align-items:center;justify-content:space-between;font-size:13px;text-decoration:none;}
.amindige-citychip .cn{font-weight:600;color:var(--_ink);}
.amindige-citychip .ct{color:var(--_accent);font-weight:600;}

.amindige-capgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;}
.amindige-capcard{background:var(--_surface);border:1px solid var(--_border);border-radius:14px;padding:16px;
	display:flex;align-items:center;gap:12px;text-decoration:none;}
.amindige-capcard .cn{font-weight:700;font-size:14px;color:var(--_ink);}
.amindige-capcard .cc{color:var(--_muted);font-size:12px;}
.amindige-capcard .ct{margin-left:auto;font-weight:700;font-size:16px;color:var(--_accent);}

/* Location search box (shortcode) */
.amindige-locpicker{position:relative;display:inline-block;}
.amindige-locbtn{display:flex;align-items:center;gap:8px;background:var(--_accent-light,#cde2fb);color:var(--_accent-dark,#184f95);
	border:none;border-radius:20px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:700;font-family:inherit;}
.amindige-searchpanel{position:absolute;top:calc(100% + 10px);left:0;width:360px;background:#fff;
	border:1px solid rgba(11,11,11,0.08);border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,.12);padding:16px;z-index:50;}
.amindige-searchpanel input{width:100%;padding:11px 14px;border-radius:10px;border:1px solid #e6ecf5;font-size:14px;
	font-family:inherit;margin-bottom:10px;outline:none;}
.amindige-resultrow{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;cursor:pointer;font-size:14px;text-decoration:none;color:#0b0b0b;}
.amindige-resultrow:hover{background:#f5f8fc;}
.amindige-resultrow .rname{font-weight:600;flex:1;}
.amindige-resultrow .rregion{color:#898781;font-size:12px;}
.amindige-grouplabel{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#898781;font-weight:600;margin:10px 0 6px;}

@media (max-width: 640px){
	.amindige-hero-main{justify-content:center;text-align:center;}
	.amindige-hero-temp{margin-left:0;width:100%;text-align:center;order:3;}
	.amindige-statrow{grid-template-columns:repeat(2,1fr);}
	.amindige-row2{grid-template-columns:1fr;}
	.amindige-searchpanel{width:280px;}
}