@font-face{font-family:'TA Roboto';src:url('./fonts/roboto-400.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'TA Roboto';src:url('./fonts/roboto-500.woff') format('woff');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'TA Roboto';src:url('./fonts/roboto-700.woff') format('woff');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:'TA Roboto';src:url('./fonts/roboto-900.woff') format('woff');font-style:normal;font-weight:900;font-display:swap}
/* ToolsArena storefront: square buttons, fields, cards, menus and dialogs.
 * Native radio controls and the loading spinner retain their functional shape.
 * Scope to the frontend theme so WordPress/Elementor editing controls are untouched.
 */
body.ta-site :where(*:not(input[type="radio"]):not(.wpcf7-spinner)) {
 border-radius:0!important;
}
body.ta-site :is(button,.button,input,select,textarea)::before,
body.ta-site :is(button,.button,input,select,textarea)::after {
 border-radius:0!important;
}

/* Loaded after the active theme. Scope footer changes to the ToolsArena theme. */
.ta-site .ta-footer .ta-footer-grid {
 display:grid!important;
 grid-template-columns:minmax(180px,1fr) minmax(320px,1.8fr) minmax(230px,1.2fr);
 align-items:start; gap:32px 36px; padding-bottom:32px;
}
.ta-site .ta-footer .ta-footer-grid>div { min-width:0; max-width:none; grid-column:auto; grid-row:auto; }
.ta-site .ta-footer .ta-footer-grid>div:nth-child(1) { grid-column:1; grid-row:1; }
.ta-site .ta-footer .ta-footer-grid>div:nth-child(2) { grid-column:1; grid-row:2; }
.ta-site .ta-footer .ta-footer-grid>div:nth-child(3) { grid-column:2; grid-row:1 / span 2; }
.ta-site .ta-footer .ta-footer-grid>div:nth-child(4) { grid-column:3; grid-row:1; }
.ta-site .ta-footer .ta-footer-grid>div:nth-child(5) { grid-column:3; grid-row:2; }
.ta-site .ta-footer .ta-footer-categories { display:block!important; }
.ta-site .ta-footer .ta-footer-categories .ta-footer-links {
 display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 20px;
 height:auto!important; max-height:none!important; overflow:visible!important;
 scrollbar-width:none; padding:0; margin:0;
}
.ta-site .ta-footer .ta-footer-categories .ta-footer-links::-webkit-scrollbar { display:none; }
.ta-site .ta-footer h2 { color:#fff; font-size:18px; line-height:1.35; margin:0 0 16px; }
.ta-site .ta-footer .ta-footer-links li { margin:0 0 5px; font-size:16px; line-height:1.55; }
.ta-site .ta-footer .ta-footer-links a { color:#e4ebea; padding:5px 0; font-size:16px; line-height:1.55; white-space:normal; }
.ta-site .ta-footer .ta-footer-links a:hover { color:#ffd050; }
.ta-site .ta-footer .ta-contact-links li { display:flex; align-items:flex-start; gap:10px; color:#e4ebea; }
.ta-site .ta-footer .ta-contact-links li>a { display:inline-flex; gap:10px; align-items:center; }
.ta-site .ta-footer .ta-contact-links .ta-icon { flex-shrink:0; margin-top:4px; }
.ta-site .ta-footer .ta-footer-payment { display:block!important; }
.ta-site .ta-footer .ta-payments { display:flex; flex-wrap:wrap; gap:8px; }
.ta-site .ta-footer .ta-brand { width:245px; max-width:100%; height:auto; }
.ta-site .ta-footer .ta-approved-brand { background:white; border-radius:0; padding:8px; }
.ta-site .ta-footer .ta-approved-brand img { display:block; width:100%; height:auto; }
.ta-site .ta-footer .ta-company-details { gap:16px 28px; padding-block:22px; font-size:14px; }
.ta-site .ta-footer .ta-company-details * { color:#fff!important; }
.ta-site .ta-footer .ta-company-details dl { gap:10px 24px; }
.ta-site .ta-footer .ta-company-identity { display:flex; flex-direction:column; gap:4px; }
.ta-site .ta-footer .ta-company-identity>span { font-size:13px; opacity:.75; }
.ta-site .ta-footer .ta-footer-bottom { font-size:14px; padding-block:18px; }

/* Callback card appears below the main add-to-cart form, outside its form tag. */
.ta-callback-card {
 box-sizing:border-box; width:100%; margin:22px 0 8px; padding:24px;
 border:1px solid #d8e5dd; border-radius:0;
 background:linear-gradient(135deg,#f3f8f4 0%,#fff 65%);
 color:#1c3026; box-shadow:0 5px 18px rgba(19,62,41,.04);
 font-family:inherit; text-align:left;
}
.ta-callback-card * { box-sizing:border-box; }
.ta-callback-heading { display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.ta-callback-icon { display:flex; align-items:center; justify-content:center; width:46px; height:46px; flex:0 0 46px; border-radius:0; background:#e0eee4; color:#16583b; }
.ta-callback-icon:before { content:""; display:block; width:24px; height:24px; background:url('./phone.svg') center/contain no-repeat; }
.ta-callback-card .ta-callback-eyebrow { color:#52705d; font-size:12px; font-weight:700; letter-spacing:.07em; margin:0 0 4px; line-height:1.4; }
.ta-callback-card #ta-callback-heading { color:#183526; font-size:23px; font-weight:750; line-height:1.2; letter-spacing:-.025em; margin:0; }
.ta-callback-card .ta-callback-intro { color:#54625a; font-size:16px; line-height:1.55; margin:0 0 18px; }
.ta-callback-card .wpcf7 { width:100%; margin:0; }
.ta-callback-card .wpcf7-form { display:block!important; margin:0!important; }
.ta-callback-card .wpcf7-form p { margin:0; }
.ta-callback-card .wpcf7-form .ta-callback-eyebrow { margin-bottom:4px; }
.ta-callback-card .wpcf7-form .ta-callback-intro { margin-bottom:18px; }
.ta-callback-card .ta-callback-label { display:block; margin-bottom:8px; color:#263c2f; font-size:16px; font-weight:650; }
.ta-callback-fields,.ta-callback-fields>p { display:flex; align-items:flex-start; flex-wrap:wrap; gap:10px; width:100%; }
.ta-callback-fields>.wpcf7-form-control-wrap,.ta-callback-fields>p>.wpcf7-form-control-wrap { flex:1 1 180px; min-width:0; }
.ta-callback-card input[type=tel] { display:block; width:100%; height:54px; min-height:54px; margin:0; padding:13px 15px; border:1px solid #cbd8cf; border-radius:0; color:#1d3326; background:#fff; font-family:inherit; font-size:17px; font-weight:500; line-height:1.4; box-shadow:none; }
.ta-callback-card input[type=tel]::placeholder { color:#829087; opacity:1; }
.ta-callback-card .ta-callback-submit { flex:0 0 auto; width:auto; min-height:54px; margin:0; padding:13px 20px; border:1px solid #145a3c; border-radius:0; background:#145a3c!important; color:#fff!important; font-family:inherit; font-size:16px; font-weight:700; line-height:1.4; text-transform:none; letter-spacing:0; cursor:pointer; box-shadow:none; }
.ta-callback-card .ta-callback-submit:hover { background:#0c452c!important; }
.ta-callback-card .ta-callback-submit:disabled { opacity:.55; cursor:not-allowed; }
.ta-callback-card input:focus-visible { outline:3px solid #edc64d; outline-offset:3px; }
.ta-callback-card .wpcf7-form .ta-callback-note { margin-top:14px; color:#54625a; font-size:14px; line-height:1.5; }
.ta-callback-card .wpcf7-list-item { display:block; margin:0; }
.ta-callback-card .wpcf7-list-item label { display:flex; align-items:flex-start; gap:9px; font-size:14px; line-height:1.5; font-weight:400; color:#657269; }
.ta-callback-card input[type=checkbox] { flex:0 0 19px; width:19px; height:19px; margin:2px 0 0; accent-color:#145a3c; }
.ta-callback-card .wpcf7-not-valid-tip { font-size:14px; margin-top:7px; color:#ad2637; }
.ta-callback-card .wpcf7-response-output { margin:16px 0 0!important; padding:12px 14px!important; border-radius:0; font-size:15px; line-height:1.5; }
.ta-callback-card form.sent .wpcf7-response-output { border-color:#92b79f; background:#edf7ef; color:#204c31; }
.ta-callback-card .wpcf7-spinner { margin:6px 0 0; }
.ta-callback-card .wpcf7-form br { display:none; }

@media(max-width:1024px) {
 .ta-site .ta-footer .ta-footer-grid { grid-template-columns:1fr 1.7fr; gap:28px; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(1) { grid-column:1; grid-row:1; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(2) { grid-column:1; grid-row:2; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(3) { grid-column:2; grid-row:1 / span 2; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(4) { grid-column:1; grid-row:3; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(5) { grid-column:2; grid-row:3; }
}
@media(max-width:767px) {
 .ta-site .ta-footer { padding-top:32px; }
 .ta-site .ta-footer .ta-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px 22px; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(1) { grid-column:1 / -1; grid-row:1; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(4) { grid-column:1 / -1; grid-row:2; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(3) { grid-column:1 / -1; grid-row:3; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(2) { grid-column:1; grid-row:4; }
 .ta-site .ta-footer .ta-footer-grid>div:nth-child(5) { grid-column:2; grid-row:4; }
 .ta-site .ta-footer .ta-footer-categories .ta-footer-links { gap:0 20px; }
 .ta-site .ta-footer .ta-footer-links a { min-height:40px; padding-block:7px; font-size:16px; }
 .ta-site .ta-footer .ta-brand { width:235px; }
 .ta-site .ta-footer .ta-footer-links li { line-height:1.5; }
 .ta-site .ta-footer .ta-company-details { display:flex; flex-direction:column; align-items:flex-start; gap:16px; }
 .ta-site .ta-footer .ta-company-details dl { flex-direction:column; gap:8px; }
 .ta-site .ta-footer .ta-footer-bottom { font-size:13px; }
 .ta-callback-card { padding:20px 18px; margin-top:20px; border-radius:0; }
 .ta-callback-card #ta-callback-heading { font-size:21px; }
 .ta-callback-heading { gap:11px; }
 .ta-callback-card .ta-callback-eyebrow { font-size:11px; letter-spacing:.05em; }
 .ta-callback-fields,.ta-callback-fields>p { display:flex; flex-direction:column; gap:10px; }
 .ta-callback-fields>.wpcf7-form-control-wrap,.ta-callback-fields>p>.wpcf7-form-control-wrap { width:100%; flex:0 0 auto; }
 .ta-callback-card .ta-callback-submit { width:100%; }
 .ta-callback-card .ta-callback-intro { font-size:16px; }
}

/* Keep the skip link visible when keyboard focus reaches it. */
body.ta-site .ta-skip:focus{position:fixed!important;clip:auto!important;clip-path:none!important;width:auto!important;height:auto!important;overflow:visible!important;white-space:normal!important;z-index:100000;top:12px;left:12px;padding:14px 20px!important;background:#fff;color:#111;outline:3px solid #17232b;outline-offset:3px}
body.ta-site .ta-callback-card input[type=tel]::placeholder{color:#69756c;opacity:1}
body.ta-site :is(.ta-card-price del,.ta-product-price del,.ta-product-meta,.ta-breadcrumb){color:#565e67}
body.ta-site :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #145a3c;outline-offset:3px}
