/*
Theme Name: Royal Chemical Service
Theme URI: https://royalchemicalservice.com/
Author: Royal Chemical Service
Description: Responsive waterproofing company theme with WordPress blog support and a companion work gallery plugin.
Version: 3.3.3
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: royal-chemical
*/

/* Theme styles load after the original site design. */
.wp-block-image img,.entry-content img{height:auto;max-width:100%;border-radius:var(--r-s)}
.entry-content h2,.entry-content h3{margin-top:1.5em}
.entry-content p,.entry-content li{max-width:78ch}
.entry-content .wp-block-image{margin:1.6rem 0}
.content-wrap{padding-top:44px;padding-bottom:64px}
.blog-grid,.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.content-card{display:flex;flex-direction:column;height:100%;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);transition:transform .25s,box-shadow .25s}
.content-card:hover{transform:translateY(-5px);box-shadow:var(--sh-l)}
.content-card-media{display:block;overflow:hidden;aspect-ratio:4/3;background:var(--bg)}
.content-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.project-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#dfe8f6,#b7c8e1)}
.content-card:hover .content-card-media img{transform:scale(1.045)}
.content-card-body{padding:20px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.content-card-body h2,.content-card-body h3{font-size:1.12rem;margin:8px 0}
.content-card-body p{color:var(--mute);margin:0 0 14px}
.content-card-body .more{margin-top:auto;font-weight:800;color:var(--navy)}
.entry-header{margin-bottom:24px}.entry-header h1{margin-bottom:10px}.entry-meta{font-size:.92rem;color:var(--mute)}
.entry-featured{margin:24px 0 32px}.entry-featured img{width:100%;max-height:620px;object-fit:cover;border-radius:var(--r)}
.archive-intro{margin-bottom:28px}.archive-intro p{max-width:760px;color:var(--mute)}
.pagination{margin-top:32px}.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}.pagination .page-numbers{padding:8px 12px;border:1px solid var(--line);border-radius:8px}.pagination .current{background:var(--navy);color:#fff}
.scroll-feed-status{margin:28px auto 0;text-align:center;color:var(--mute);font-weight:700;min-height:1.5em}
.rcs-contact-form{display:grid;gap:18px;width:100%;max-width:760px;transition:transform .25s,box-shadow .25s}
.form-card{transition:transform .25s,box-shadow .25s}.form-card:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(10,42,102,.18)}
.rcs-contact-form label{display:grid;gap:7px;font-weight:700;color:var(--navy-d)}.rcs-contact-form input,.rcs-contact-form select,.rcs-contact-form textarea{width:100%;margin:0;padding:13px 15px;border:1.5px solid #cbd4e4;border-radius:10px;background:#fff;font:inherit;transition:border-color .2s,box-shadow .2s,transform .2s}.rcs-contact-form input:hover,.rcs-contact-form select:hover,.rcs-contact-form textarea:hover{border-color:#9baecb}.rcs-contact-form input:focus,.rcs-contact-form select:focus,.rcs-contact-form textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,138,0,.18)}.rcs-contact-form textarea{min-height:120px;resize:vertical}
.rcs-contact-actions{display:flex;gap:12px;flex-wrap:wrap}.rcs-contact-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:13px 20px;border:0;border-radius:12px;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s}.rcs-contact-actions .btn:hover,.rcs-contact-actions .btn:focus-visible{transform:translateY(-3px);box-shadow:0 12px 24px rgba(10,42,102,.2);filter:brightness(1.04)}.rcs-contact-actions .btn:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.rcs-send-whatsapp{background:#1fa855}.rcs-send-email{background:var(--navy)}
.rcs-form-notice{padding:12px 16px;border-radius:10px;margin-bottom:18px;background:#e8f7ed;color:#165d35;font-weight:700}.rcs-form-notice.error{background:#fff0ee;color:#852b22}
.rcs-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.site-footer .social-connect{width:100%}
@media(max-width:900px){.blog-grid,.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.blog-grid,.gallery-grid{grid-template-columns:1fr}.content-wrap{padding-top:32px;padding-bottom:50px}.rcs-contact-form{padding:0}.rcs-contact-actions{display:grid;grid-template-columns:1fr}.rcs-contact-actions .btn{width:100%}}