/*
Theme Name: Polar Ice
Theme URI: https://polaricemachines.com/
Author: TheFinalCode
Description: Concept theme for Polar Ice Machines: a nationwide ice-machine store with Tampa Bay service, shop-by-ice-type browsing, featured machines with compare, a ZIP check for local vs. nationwide services, a Learning Center and the Polar mascot chat. Main styles live in assets/css/main.css.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: polar-ice
Tags: e-commerce, one-column, custom-logo, custom-menu, featured-images
*/

/* ---------- inner pages (blog, posts, pages, 404) ---------- */
.skip:focus{position:fixed;left:12px;top:12px;width:auto;height:auto;clip:auto;z-index:200;background:#fff;padding:10px 16px;border-radius:999px;box-shadow:var(--shadow-l)}
.page-hero{background:linear-gradient(180deg,var(--ice-100),#fff);padding:64px 0 36px}
.page-hero .k{font:600 13px/1 Rubik,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--ice-600);margin-bottom:12px}
.page-hero h1{font-size:clamp(34px,4.4vw,52px);font-weight:800;max-width:900px}
.page-hero p{color:var(--ink-2);font-size:18px;max-width:720px;margin:14px 0 0}
.page-hero .meta{margin-top:16px;color:var(--ink-3);font-size:14.5px}
.inner{padding:24px 0 96px}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.archive-grid .post{min-height:100%}
.archive-grid .post .ph{display:block;height:180px}
.post .ph{display:block}
.post h3 a:hover{color:var(--ice-600)}
.entry{max-width:760px;margin:0 auto;font-size:18px;line-height:1.7;color:var(--ink-2)}
.entry > *{margin:0 0 1.2em}
.entry h2{font-size:30px;margin:1.6em 0 .6em}
.entry h3{font-size:23px;margin:1.4em 0 .5em}
.entry a{color:var(--ice-600);text-decoration:underline;text-underline-offset:3px}
.entry img{border-radius:var(--r)}
.entry blockquote{margin-left:0;padding:6px 0 6px 22px;border-left:4px solid var(--gold);color:var(--ink)}
.entry ul,.entry ol{padding-left:1.3em}
.entry table{width:100%;border-collapse:collapse;font-size:16px}
.entry th,.entry td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left}
.entry .wp-block-button__link{background:var(--navy);color:#fff;border-radius:999px;text-decoration:none;padding:14px 26px;font:600 16px/1 Rubik,sans-serif}
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.feat-img{max-width:1000px;margin:0 auto 40px;border-radius:var(--r-l);overflow:hidden}
.feat-img img{width:100%;height:auto}
.ask-cta{max-width:760px;margin:48px auto 0;display:flex;gap:18px;align-items:center;background:var(--navy);color:#dcdff3;border-radius:var(--r-l);padding:22px 26px}
.ask-cta img{width:64px;height:64px;border-radius:50%;background:#fff;object-fit:cover;flex:none}
.ask-cta b{display:block;color:#fff;font:700 19px/1.2 Rubik,sans-serif;margin-bottom:4px}
.ask-cta .btn{margin-left:auto}
.pager{display:flex;justify-content:center;gap:8px;margin-top:40px}
.pager .page-numbers{display:grid;place-items:center;min-width:44px;height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--line);font:600 15px/1 Rubik,sans-serif;color:var(--navy)}
.pager .current{background:var(--navy);color:#fff;border-color:var(--navy)}
.nf{text-align:center;padding:40px 0 100px}
.nf img{width:200px;margin:0 auto 10px}
.nf .search-form{display:flex;gap:10px;justify-content:center;margin:24px auto 0;max-width:460px}
.search-form .search-field{flex:1;height:50px;border-radius:999px;border:2px solid var(--ice-200);padding:0 20px}
.search-form .search-submit{height:50px;padding:0 24px;border-radius:999px;background:var(--navy);color:#fff;border:0;font:600 15px/1 Rubik,sans-serif;cursor:pointer}
.comments{max-width:760px;margin:56px auto 0;border-top:1px solid var(--line);padding-top:36px}
.comments h2{font-size:24px;margin-bottom:18px}
.comments ol{list-style:none;padding:0}
.comment-body{padding:16px 0;border-bottom:1px solid var(--line)}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;border:2px solid var(--ice-200);border-radius:12px;padding:12px 14px}
.comment-form .submit{background:var(--navy);color:#fff;border:0;border-radius:999px;padding:14px 26px;font:600 15px/1 Rubik,sans-serif;cursor:pointer}
nav.main .nl.current{color:var(--ice-600)}
@media (max-width:960px){.archive-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.archive-grid{grid-template-columns:1fr}.ask-cta{flex-wrap:wrap}.ask-cta .btn{margin-left:0}}
.no-mascot .hero-bear{width:150px;left:10px;bottom:10px;animation:none}
.no-mascot .ask .bear img{width:210px;animation:none}
.no-mascot .mega .promo img{width:96px;right:12px;bottom:12px}