/*
Theme Name: Salco Group
Description: Block theme for the Salco Demolition Group website, rebuilt from the archived Elementor site. Brand colours, Rajdhani/Rubik type, header and footer match the original.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: salco-group
*/

/* ---------- Header ---------- */
.salco-topbar { font-size: 0.875rem; }
.salco-topbar a { color: #fff; text-decoration: none; }
.salco-topbar a:hover { color: var(--wp--preset--color--red); }
.salco-header { position: sticky; top: 0; z-index: 50; box-shadow: 0 2px 18px rgba(0,0,0,.07); }
.admin-bar .salco-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .salco-header { top: 0; } .salco-header { position: relative; } }
.salco-header .wp-block-navigation a { text-decoration: none; }
.salco-header .wp-block-navigation .current-menu-item > a,
.salco-header .wp-block-navigation a:hover { color: var(--wp--preset--color--red); }
.salco-header .wp-block-navigation__submenu-container { border: 0 !important; box-shadow: 0 10px 30px rgba(0,0,0,.12); min-width: 240px !important; }
.salco-header .wp-block-navigation__submenu-container a { padding: .6rem 1rem !important; }
.salco-quote .wp-block-button__link { clip-path: polygon(10% 0, 100% 0, 100% 100%, 0 100%); padding-left: 2.2rem; }
@media (max-width: 900px) { .salco-quote { display: none; } }

/* ---------- Hero (cover) ---------- */
.salco-hero-inner { width: 100%; }
.salco-hero-inner > p:not(.is-style-eyebrow) { max-width: 720px; }
.salco-hero-inner h1, .salco-hero-inner h2 { max-width: 900px; }

/* ---------- Page banner ---------- */
.salco-banner { position: relative; overflow: hidden; }
.salco-banner::after { content: ""; position: absolute; right: -60px; top: 0; bottom: 0; width: 220px; background: var(--wp--preset--color--red); transform: skewX(-18deg); opacity: .9; }
.salco-banner > * { position: relative; z-index: 1; }
.salco-breadcrumb a { color: rgba(255,255,255,.75); text-decoration: none; }
.salco-breadcrumb a:hover { color: #fff; }

/* ---------- Eyebrow label (small red caps above headings) ---------- */
.is-style-eyebrow { font-family: var(--wp--preset--font-family--body); font-size: .85rem !important; font-weight: 600; letter-spacing: 2px; text-transform: uppercase; color: var(--wp--preset--color--red) !important; margin-bottom: .25rem !important; }

/* ---------- Cards ---------- */
.salco-card { transition: transform .25s ease, box-shadow .25s ease; }
.salco-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,.15); }
.salco-card a { color: inherit; text-decoration: none; }
.salco-card .wp-block-post-featured-image img, .salco-card .wp-block-image img { aspect-ratio: 16/10; object-fit: cover; width: 100%; }
.salco-card .wp-block-post-title a:hover { color: var(--wp--preset--color--red); }
/* Projects with no surviving photo get a branded placeholder instead of a blank */
.salco-card .salco-noimg { aspect-ratio: 16/10; background: var(--wp--preset--color--light) url(assets/images/salco-logo.png) center / 30% no-repeat; }
.salco-card:has(.wp-block-post-featured-image) .salco-noimg { display: none; }

.salco-tile { min-height: 340px; }
.salco-tile .wp-block-image img { max-height: 170px; width: auto; object-fit: contain; }

/* ---------- Team ---------- */
.salco-team .wp-block-image img { aspect-ratio: 1; object-fit: cover; width: 100%; filter: grayscale(.15); }
.salco-team h3 { margin-top: .75rem; font-size: 1.5rem; }
.salco-team p { margin-top: 0; color: var(--wp--preset--color--red); font-size: .85rem; text-transform: uppercase; letter-spacing: 1.5px; font-weight: 600; }

/* ---------- Partner logos ---------- */
.salco-partners img { max-height: 80px; width: auto; object-fit: contain; }

/* ---------- Galleries ---------- */
.wp-block-gallery.has-nested-images figure.wp-block-image img { aspect-ratio: 1; object-fit: cover; }

/* ---------- Contact form (Contact Form 7) ---------- */
.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=tel], .wpcf7 textarea, .wpcf7 select {
	width: 100%; padding: .85rem 1rem; border: 1px solid var(--wp--preset--color--line); background: #fff; font: inherit; color: #222; box-sizing: border-box;
}
.wpcf7 input:focus, .wpcf7 textarea:focus { outline: 2px solid var(--wp--preset--color--red); outline-offset: -1px; border-color: transparent; }
.wpcf7 textarea { height: 150px; }
.wpcf7 label { display: block; font-size: .9rem; font-weight: 500; color: #222; }
.wpcf7 p { margin: 0 0 1rem; }
.wpcf7 .salco-row { display: grid; grid-template-columns: 1fr 1fr; gap: 0 1rem; }
@media (max-width: 600px) { .wpcf7 .salco-row { grid-template-columns: 1fr; } }
.wpcf7 input[type=submit] { background: var(--wp--preset--color--red); color: #fff; border: 0; padding: 1rem 2.2rem; font: 500 .875rem/1 var(--wp--preset--font-family--body); letter-spacing: 1.5px; text-transform: uppercase; cursor: pointer; }
.wpcf7 input[type=submit]:hover { background: #000; }

/* ---------- Info boxes ---------- */
.salco-info { border-left: 4px solid var(--wp--preset--color--red); }
.salco-info p { margin: 0; }
.salco-info a { color: inherit; text-decoration: none; }

/* ---------- Map ---------- */
.salco-map iframe { width: 100%; height: 420px; border: 0; display: block; }

/* ---------- Footer ---------- */
.salco-service-icons img { max-width: 120px; width: 100%; height: auto; transition: transform .2s; }
.salco-service-icons a:hover img { transform: scale(1.06); }
.salco-footer a { color: rgba(255,255,255,.8); text-decoration: none; }
.salco-footer a:hover { color: var(--wp--preset--color--red); }
.salco-footer h5 { color: #fff; font-size: 1.35rem; margin-bottom: .75rem; }
.salco-footer ul { list-style: none; padding: 0; margin: 0; }
.salco-footer li { margin-bottom: .45rem; }