/*
Theme Name: Switched On IT Shop
Template: switchedon-it
Author: Switched On IT Limited
Description: A focused catalogue sidebar child theme for the Switched On IT website.
Version: 1.4.6
Requires at least: 6.4
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: switchedon-it-shop
*/
/* Parent foundation styles and catalogue overrides are enqueued in functions.php. */
/* Keep the native menu's Wish List icon, label and counter on one line. */
.soit-header .soit-nav ul>li{flex:none}
.soit-header .soit-nav li>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.soit-header .soit-nav .wishlist_products_counter{flex:none;margin:0}
.soit-header .soit-nav .wishlist_products_counter_number{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;border-radius:10px;background:#ffffff1f;color:#fff;font-size:10px;line-height:1}
@media(min-width:1101px) and (max-width:1350px){.soit-header-inner{column-gap:16px}.soit-header .soit-nav,.soit-header .soit-nav ul{gap:14px}.soit-header .soit-nav li>a{font-size:13px}.soit-header-call{padding-inline:12px}}

/* Optional policy navigation stays readable and wraps naturally on smaller screens. */
.soit-footer-policies{padding-top:20px}
.soit-footer-policy-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px;list-style:none;margin:0;padding:0}
.soit-footer-policy-links li{margin:0;padding:0}
.soit-footer-policy-links a{display:inline-flex;align-items:center;min-height:40px;padding:8px 0;color:#d7e0ec;font-size:13px;line-height:1.5;text-decoration:none;overflow-wrap:anywhere}
.soit-footer-policy-links a:hover,.soit-footer-policy-links a:focus-visible{color:var(--teal);text-decoration:underline}
.soit-footer-policy-links a:focus-visible{outline:3px solid var(--teal);outline-offset:4px;border-radius:2px}
@media(max-width:600px){.soit-footer-policy-links{column-gap:18px}}

/* Readable native policy-page content; horizontal gutters still come from .soit-wrap. */
.soit-policy.soit-wrap{max-width:900px;padding-block:52px 65px;font-size:16px;line-height:1.75;color:var(--ink);overflow-wrap:anywhere}
.soit-policy h1{margin:0 0 25px;font-size:clamp(34px,3.4vw,42px);line-height:1.2;letter-spacing:-.035em}
.soit-policy h2{margin:34px 0 13px;font-size:25px;line-height:1.3;letter-spacing:-.025em}
.soit-policy h3{margin:26px 0 11px;font-size:20px;line-height:1.35;letter-spacing:-.02em}
.soit-policy p{margin:0 0 18px}
.soit-policy ul,.soit-policy ol{margin:0 0 20px;padding-left:23px}
.soit-policy li{margin-bottom:7px}
.soit-policy a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.soit-policy a:hover{color:var(--navy)}
.soit-policy a:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:2px}
.soit-policy .wp-block-table{max-width:100%;margin:24px 0;overflow-x:auto}
.soit-policy table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;background:var(--white);font-size:14px;line-height:1.6}
.soit-policy th,.soit-policy td{padding:12px 14px;border:1px solid var(--line);vertical-align:top;text-align:left;white-space:normal;overflow-wrap:anywhere;word-break:normal}
.soit-policy th{background:#eaf2f6;color:var(--ink);font-weight:600}
.soit-policy .wp-block-table figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5}
.soit-policy>:last-child{margin-bottom:0}
@media(max-width:600px){.soit-policy.soit-wrap{padding-block:34px 45px}.soit-policy h2{margin-top:29px;font-size:24px}.soit-policy th,.soit-policy td{padding:10px 9px}}
