/*
	Theme Name:   Hello Elementor Child: SC Reinforcing
	Theme URI:    https://www.screinforcing.co.za/
	Description:  Child theme of Hello Elementor for the SC Reinforcing website. Keeps custom code safe when Hello Elementor updates.
	Author:       Agent Orange Design
	Author URI:   https://www.agentorange.co.za/
	Template:     hello-elementor
	Version:      1.1.0
	Requires at least: 6.0
	Requires PHP: 7.4
	License:      GNU General Public License v3 or later.
	License URI:  https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain:  hello-elementor-child
*/

/* Add custom CSS below this line. */

/* ==========================================================================
   Search results as cards ([sc_search_results] in the Search Results template)
   ========================================================================== */
.sr{max-width:var(--wrap,1320px);margin:0 auto;padding:clamp(40px,6vw,80px) var(--gutter,24px) clamp(56px,7vw,100px);box-sizing:border-box}
.sr *,.sr *::before,.sr *::after{box-sizing:border-box}
.sr-head{padding-bottom:28px;margin-bottom:36px;border-bottom:4px solid var(--orange)}
.sr-kicker{font-family:var(--head);text-transform:uppercase;letter-spacing:.07em;font-size:29px;line-height:1;color:var(--orange);margin:0 0 10px}
.sr-title{font-family:var(--title);text-transform:uppercase;font-weight:400;font-size:clamp(40px,5.4vw,76px);line-height:.95;color:var(--navy);margin:0;text-wrap:balance}
.sr-title span{color:var(--orange)}
.sr-form{display:flex;gap:12px;max-width:720px;margin-top:26px}
.sr-form input{flex:1;min-width:0;font:inherit;font-size:18px;color:var(--ink);background:#fff;border:2px solid var(--steel-line);border-radius:0;padding:13px 16px}
.sr-form input:focus{outline:none;border-color:var(--navy)}
.sr-form .btn{flex-shrink:0}
.sr-count{margin:16px 0 0;font-size:17px;color:var(--muted)}
.sr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.sr-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--steel-line);border-top:4px solid var(--navy);text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.sr-card:hover,.sr-card:focus-visible{border-top-color:var(--orange);box-shadow:0 18px 36px rgba(10,15,43,.12);transform:translateY(-3px)}
.sr-body{display:flex;flex-direction:column;flex:1;padding:26px 28px 28px}
.sr-label{font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:17px;line-height:1;color:var(--orange);margin:0 0 10px}
.sr-card-title{font-family:var(--head);text-transform:uppercase;font-weight:400;letter-spacing:.02em;font-size:clamp(24px,2vw,30px);line-height:1.02;color:var(--navy);margin:0 0 12px}
.sr-card:hover .sr-card-title{color:var(--orange)}
.sr-desc{font-size:16px;line-height:1.55;color:var(--muted);margin:0 0 18px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sr-more{margin-top:auto;font-family:var(--head);text-transform:uppercase;letter-spacing:.03em;font-size:18px;color:var(--orange)}
.sr-more::after{content:"  \2192"}
.sr-pages{margin-top:44px}
.sr-pages ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.sr-pages a,.sr-pages span{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:46px;padding:0 14px;font-family:var(--head);font-size:20px;text-decoration:none;border:2px solid var(--navy);color:var(--navy)}
.sr-pages a:hover{background:var(--navy);color:#fff}
.sr-pages .current{background:var(--orange);border-color:var(--orange);color:#fff}
.sr-pages .dots{border-color:transparent}
.sr-empty{background:var(--steel);border-left:6px solid var(--orange);padding:32px 34px}
.sr-empty h2{font-family:var(--head);text-transform:uppercase;font-weight:400;font-size:36px;line-height:1;color:var(--navy);margin:0 0 10px}
.sr-empty p{margin:0 0 22px;font-size:18px;color:var(--muted)}
.sr-empty-links{display:flex;flex-wrap:wrap;gap:12px}
@media (max-width:1080px){.sr-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}}
@media (max-width:640px){
  .sr-grid{grid-template-columns:1fr}
  .sr-form{flex-direction:column}
  .sr-form .btn{width:100%}
  .sr-empty{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){.sr-card,