/* WP-25 (REQ-1020 to REQ-1049): the tab bar of a family of pages, the search box of every top bar and the results page. No inline style, no script.
   Logical properties throughout (inline-start / inline-end), so the Arabic pages mirror with no second rule set.
   (c) 2026 GH The Green Hubs(R) Company, SIP(TM). All rights reserved. */

/* ---- the search box (all three frames) ---- */
.gsearch{display:flex;align-items:center;gap:6px;position:relative;margin:0;min-width:0}
.gsearch input[type=search]{width:min(24vw,280px);min-width:150px;padding:6px 34px 6px 12px;border-radius:99px;font-size:13px;-webkit-appearance:none;appearance:none}
html[dir=rtl] .gsearch input[type=search]{padding:6px 12px 6px 34px}
.gsearch .gsr-go{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}   /* Enter submits; the button stays for screen readers and the small menu */
.gsearch .gsr-go:focus-visible{position:static;width:auto;height:auto;opacity:1;padding:5px 12px}
.gsearch .gsr-key{position:absolute;inset-inline-end:10px;top:50%;transform:translateY(-50%);font:600 11px/1 'Montserrat',system-ui,sans-serif;color:var(--mute,#5C6760);border:1px solid var(--rule-strong,#CCD3CB);border-radius:5px;padding:2px 5px;pointer-events:none}
.gsearch input[type=search]:focus ~ .gsr-key{display:none}
.topbar .gsearch{margin-inline:auto 12px}
@media (max-width:820px){.topbar .gsearch{order:3;flex:1 1 100%;margin:0}.topbar .gsearch input[type=search]{width:100%}.topbar{flex-wrap:wrap}}

/* the presentation frame (light) */
.ptools .gsearch input[type=search]{width:min(18vw,220px);min-width:130px;border-color:var(--p-line,#E3E7E2);background:var(--p-paper,#fff);color:var(--p-ink,#0E2415)}
.ptools .gsearch .gsr-key{color:var(--p-mute,#5C6760);border-color:var(--p-line,#E3E7E2)}
@media (max-width:1100px){.ptools .gsearch input[type=search]{width:150px;min-width:110px}.ptools .gsearch .gsr-key{display:none}}
@media (max-width:700px){.ptools .gsearch{display:none}}

/* the public website (deep green header) */
.wtop .gsearch input[type=search]{background:rgba(255,255,255,.08);border:1px solid rgba(201,211,198,.4);color:#fff;width:min(16vw,210px)}
.wtop .gsearch input[type=search]::placeholder{color:rgba(223,230,220,.82)}
.wtop .gsearch input[type=search]:focus{background:rgba(255,255,255,.14);border-color:#fff}
.wtop .gsearch .gsr-key{color:rgba(223,230,220,.9);border-color:rgba(201,211,198,.45)}
@media (max-width:1180px){.wtop .gsearch{display:none}}
.wmenu-list .gsearch-small{display:flex;padding:6px 8px 10px}
.wmenu-list .gsearch-small input[type=search]{width:100%;background:var(--p-mist,#F2F5F0);border:1px solid var(--p-line,#E3E7E2);color:var(--p-ink,#0E2415)}
.wmenu-list .gsearch-small .gsr-key{display:none}
@media (min-width:1181px){.wmenu-list .gsearch-small{display:none}}

/* ---- the tab bar of a family of pages (signed-in frame) ---- */
.tabbar{display:flex;flex-wrap:wrap;gap:4px 6px;margin:-4px 0 4px;padding:0;border-bottom:1px solid var(--rule,#E3E7E2)}
.tabbar a{padding:8px 14px 9px;margin-bottom:-1px;font-size:13px;font-weight:500;color:var(--body,#3E4A43);text-decoration:none;border-bottom:3px solid transparent;border-radius:6px 6px 0 0;white-space:nowrap}
.tabbar a:hover{color:var(--ink,#0E2415);background:var(--bg,#F6F7F5)}
.tabbar a.on{color:var(--ink,#0E2415);font-weight:700;border-bottom-color:var(--leaf,#7FC144);background:var(--leaf-soft,#F0F7E8)}
@media (max-width:820px){.tabbar{flex-wrap:nowrap;overflow-x:auto}}

/* ---- the tab bar of the public website's Solutions family ---- */
.wtabs{background:var(--p-mist,#F2F5F0);border-bottom:1px solid var(--p-line,#E3E7E2)}
.wtabs-in{display:flex;flex-wrap:wrap;align-items:center;gap:4px 24px}
.wtabs a{padding:12px 0 11px;font-size:14.5px;font-weight:500;color:var(--p-body,#3E4A43);text-decoration:none;border-bottom:3px solid transparent}
.wtabs a:hover{color:var(--p-ink,#0E2415)}
.wtabs a.on{color:var(--p-ink,#0E2415);font-weight:700;border-bottom-color:var(--p-leaf,#7FC144)}
.wtabs-note{margin:0;margin-inline-start:auto;font-size:13px;color:var(--p-body,#3E4A43)}
@media (max-width:700px){.wtabs-note{display:none}}

/* ---- the results page ---- */
.sres-head{display:grid;gap:6px}
.sres-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sres-form input[type=search]{flex:1 1 280px;max-width:520px;padding:9px 14px;font-size:15px;border-radius:99px}
.sres-count{margin:0;color:var(--mute,#5C6760);font-size:13px}
.sres-group{background:var(--surface,#fff);border-radius:12px;box-shadow:0 0 0 1px var(--rule,#E3E7E2) inset;padding:14px 18px;min-width:0}
.sres-group h2{margin:0 0 6px;display:flex;align-items:baseline;gap:8px}
.sres-group h2 small{font-size:12px;font-weight:600;color:var(--mute,#5C6760)}
.sres-list{list-style:none;margin:0;padding:0}
.sres-list li{padding:9px 0;border-top:1px solid var(--rule,#E3E7E2);display:grid;gap:2px}
.sres-list li:first-child{border-top:0}
.sres-list a{font-weight:600;font-size:14.5px}
.sres-list p{margin:0;color:var(--body,#3E4A43);font-size:13px}
.sres-where{color:var(--mute,#5C6760);font-size:12px}
.sres-none{background:var(--surface,#fff);border-radius:12px;box-shadow:0 0 0 1px var(--rule,#E3E7E2) inset;padding:18px}
.sres-hint{color:var(--mute,#5C6760);font-size:13px;margin:0}
/* the presentation and website frames use their own tokens */
.pmain .sres-group,.pmain .sres-none{background:var(--p-paper,#fff);box-shadow:0 0 0 1px var(--p-line,#E3E7E2) inset}
.pmain .sres-list li{border-top-color:var(--p-line,#E3E7E2)}
.pmain .sres-list a{color:var(--p-ink,#0E2415)}
.pmain .sres-where,.pmain .sres-count,.pmain .sres-hint{color:var(--p-mute,#5C6760)}