/*
Theme Name: Craftroots Static Theme
Theme URI: https://www.craftrootstech.com
Author: Craftroots Technologies CC
Author URI: https://www.craftrootstech.com
Description: Lightweight WordPress theme generated from the Craftroots static site (v16). Includes templates for main pages and enqueues the original assets.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: craftroots-static
*/

/* ================================
   WordPress overrides (v1.0.4)
   ================================ */

/* Prevent horizontal overflow on mobile */
html, body { overflow-x: hidden; }

/* Contact page layout hardening */
.page-template-page-contact .contact-layout,
.page-id-contact .contact-layout {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
  align-items: start;
}

.page-template-page-contact .contact-layout > * ,
.page-id-contact .contact-layout > * {
  min-width: 0;
}

@media (max-width: 860px) {
  .page-template-page-contact .contact-layout,
  .page-id-contact .contact-layout {
    grid-template-columns: 1fr !important;
  }
}

/* Ensure the contact form and primary CTA keep the site button styling */
.page-template-page-contact .contact-form button.btn-primary,
.page-id-contact .contact-form button.btn-primary {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
}

/* Footer social buttons must not stretch */
.site-footer .footer-social {
  display: flex !important;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  align-items: center;
  margin-top: 0.9rem;
}

.site-footer .footer-social a {
  display: inline-flex !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  align-items: center;
  gap: 0.5rem;
  padding: 0.55rem 0.75rem;
  border-radius: 999px;
  text-decoration: none;
}

.site-footer .footer-social a svg {
  width: 20px;
  height: 20px;
  flex: 0 0 auto;
}

@media (max-width: 520px) {
  .site-footer .footer-social a span { display: none !important; }
}

/* If any global rule forces footer links to block/full width, override */
.site-footer a { width: auto; }
