/*
Theme Name: Metro Attorney Child
Theme URI: https://metroattorney.com
Template: metroattorney
Author: Metro Law Offices
Author URI: https://metrolawoffices.com
Description: Update-safe child theme for Metro Attorney. Adds the logo, Dog Bites and Wrongful Death pages, a Blog page, the firm's address/phone, a bilingual (Spanish) banner, and a working contact form that emails submissions.
Version: 1.5.1
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: metroattorney-child
*/

/* ============================================================
   ADD YOUR CUSTOM CSS BELOW.
   Anything you put here overrides the parent theme and will NOT
   be lost when the parent theme is updated.

   Example — make the hero headline a touch larger:
   .hero h1 { font-size: clamp(2.3rem, 5.4vw, 3.7rem); }
   ============================================================ */

/* Bilingual (Spanish) header + footer banner */
.ma-es-banner{
	background:#C8102E;
	color:#fff;
	text-align:center;
	padding:9px 14px;
	font-weight:700;
	font-size:.95rem;
	line-height:1.4;
	font-family:"Inter",system-ui,-apple-system,sans-serif;
}
.ma-es-banner a{
	color:#F4C430;
	text-decoration:underline;
	white-space:nowrap;
}
.ma-es-banner a:hover{ color:#fff; }
.ma-es-banner--footer{ border-top:3px solid #C8A24B; }

/* Contact form */
.ma-cf-wrap{ max-width:640px; }
.ma-cf .ma-field{ margin-bottom:18px; }
.ma-cf label{ display:block; font-weight:600; color:#0B3D91; margin-bottom:6px; }
.ma-cf label span{ color:#C8102E; }
.ma-cf input,
.ma-cf textarea{
	width:100%;
	padding:12px 14px;
	border:1px solid #C6CBD2;
	border-radius:6px;
	font:inherit;
	font-size:1rem;
	background:#fff;
	color:#14181F;
}
.ma-cf input:focus,
.ma-cf textarea:focus{
	outline:none;
	border-color:#0B3D91;
	box-shadow:0 0 0 3px rgba(11,61,145,.12);
}
.ma-cf button{ margin-top:6px; }
.ma-cf-fine{ font-size:.78rem; color:#44505F; margin-top:14px; }
.ma-cf-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }
.ma-cf-notice{ padding:14px 16px; border-radius:8px; margin-bottom:22px; font-weight:600; }
.ma-cf-ok{ background:#e7f6ec; border:1px solid #57b97a; color:#1d6b3a; }
.ma-cf-err{ background:#fdecee; border:1px solid #e3a0ab; color:#a60d26; }

/* Logo size +100% */
.brand img,.custom-logo,.custom-logo-link img{max-height:112px;width:auto;}
.site-header .container{padding-top:10px;padding-bottom:10px;}