/*
Theme Name: Unicorn Chemical Pro
Theme URI: https://www.unicornchemical.com
Author: Unicorn Chemical
Description: Production WordPress theme for Unicorn Chemical — waterproofing, heat proofing & construction chemicals. Built from the client's real site design (charcoal ink + stone + protective teal + bronze, "membrane layer" motif). Includes custom post types for Services, Products, Cities, Projects, Testimonials and FAQs with native Media Library image fields, plus a full Customizer options panel.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: unicorn-chemical
*/

/* Base design system, layout & components are loaded from assets/css/site-base.css
   (enqueued in functions.php) so this file only needs WordPress-specific
   additions and the required theme header above. */

/* ---------- WordPress core alignment / gallery / caption support ---------- */
.alignleft { float: left; margin: 0 24px 16px 0; }
.alignright { float: right; margin: 0 0 16px 24px; }
.aligncenter { display: block; margin: 0 auto 16px; }
.wp-caption { max-width: 100%; }
.wp-caption-text { font-size: 13px; color: var(--slate); margin-top: 6px; }
.gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 12px; }
.gallery img { border-radius: var(--radius); }
.screen-reader-text { position: absolute !important; clip: rect(1px,1px,1px,1px); overflow: hidden; height: 1px; width: 1px; }

/* ---------- Breadcrumbs ---------- */
.breadcrumbs { background: var(--stone-dark); padding: 10px 0; font-size: 13px; }
.breadcrumbs a { color: var(--teal-dark); }
.crumb-sep { margin: 0 8px; color: var(--slate); }

/* ---------- Comments ---------- */
.comment-list { list-style: none; margin: 0; padding: 0; }
.comment-list li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid var(--stone-dark); }
.comment-form input, .comment-form textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--stone-dark); border-radius: var(--radius); margin-bottom: 12px; font-family: var(--font-body); }

/* ---------- Widget defaults ---------- */
.widget { margin-bottom: 32px; }
.widget-title { font-family: var(--font-display); font-size: 18px; margin-bottom: 12px; }

/* ---------- Spec / feature lists on single service & product ---------- */
.spec-table { width: 100%; border-collapse: collapse; margin: 20px 0; }
.spec-table td { padding: 10px 14px; border-bottom: 1px solid var(--stone-dark); }
.spec-table td:first-child { font-weight: 600; color: var(--teal-dark); width: 40%; }
.feature-list { list-style: none; margin: 20px 0; padding: 0; display: grid; gap: 10px; }
.feature-list li { padding-left: 28px; position: relative; }
.feature-list li::before { content: "✓"; position: absolute; left: 0; color: var(--teal); font-weight: 700; }