/*
Theme Name: Pafford Care
Theme URI: https://paffordcares.com
Author: Pafford Emergency Medical Services
Author URI: https://paffordems.com
Description: Branded WordPress theme for Pafford Emergency Medical Services (paffordcares.com). Includes Pafford color scheme, logo header, and built-in styling for the WPForms patient satisfaction survey.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
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: pafford-care
*/

/* =========================================================
   Pafford Brand Palette
   Blue   #17468f   Orange #f05223   Yellow #fff400
   ========================================================= */
:root{
  --pafford-blue:#17468f;
  --pafford-blue-dark:#0f2f61;
  --pafford-orange:#f05223;
  --pafford-orange-dark:#c93e14;
  --pafford-yellow:#fff400;
  --pafford-navy:#1a1f4e;
  --pafford-gray:#f4f6fa;
  --pafford-text:#22262e;
  --pafford-muted:#5b6472;
  --pafford-white:#ffffff;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  color:var(--pafford-text);
  background:var(--pafford-white);
  line-height:1.6;
  font-size:17px;
}
a{color:var(--pafford-blue);text-decoration:none;}
a:hover{color:var(--pafford-orange);text-decoration:underline;}
img{max-width:100%;height:auto;}

h1,h2,h3,h4{color:var(--pafford-blue);font-weight:700;line-height:1.25;margin:0 0 .5em;}
h1{font-size:2.1rem;}
h2{font-size:1.6rem;}
h3{font-size:1.25rem;}

.container{max-width:1080px;margin:0 auto;padding:0 20px;}

/* ---------------- Site Header ---------------- */
.site-header{
  background:var(--pafford-white);
  border-bottom:4px solid var(--pafford-orange);
  box-shadow:0 2px 10px rgba(23,70,143,.08);
  position:sticky;top:0;z-index:100;
}
.site-header .container{
  display:flex;align-items:center;justify-content:space-between;
  padding-top:14px;padding-bottom:14px;gap:20px;flex-wrap:wrap;
}
.site-branding{display:flex;align-items:center;gap:14px;}
.site-branding img{max-height:56px;width:auto;}
.site-title{font-size:1.15rem;font-weight:700;color:var(--pafford-blue);margin:0;}
.site-description{font-size:.85rem;color:var(--pafford-muted);margin:0;}

/* ---------------- Navigation ---------------- */
.main-navigation ul{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap;}
.main-navigation a{
  display:block;padding:10px 16px;border-radius:6px;
  color:var(--pafford-blue);font-weight:600;text-decoration:none;transition:.15s;
}
.main-navigation a:hover,
.main-navigation .current-menu-item > a{
  background:var(--pafford-blue);color:#fff;
}

/* ---------------- Hero / Page banner ---------------- */
.page-banner{
  background:linear-gradient(135deg,var(--pafford-navy) 0%,var(--pafford-blue) 100%);
  color:#fff;padding:54px 0;position:relative;overflow:hidden;
}
.page-banner:after{
  content:"";position:absolute;right:-60px;top:0;bottom:0;width:220px;
  background:var(--pafford-orange);transform:skewX(-18deg);opacity:.9;
}
.page-banner h1{color:#fff;margin:0;position:relative;z-index:2;}
.page-banner p{color:rgba(255,255,255,.9);margin:.4em 0 0;position:relative;z-index:2;}

/* ---------------- Content ---------------- */
.site-content{padding:44px 0;}
.entry-content p{margin:0 0 1.1em;}

/* ---------------- Buttons ---------------- */
.button,button,input[type="submit"],
.wp-block-button__link{
  display:inline-block;background:var(--pafford-orange);color:#fff;
  padding:12px 26px;border:none;border-radius:6px;font-weight:700;
  font-size:1rem;cursor:pointer;text-decoration:none;transition:.15s;
}
.button:hover,button:hover,input[type="submit"]:hover,
.wp-block-button__link:hover{background:var(--pafford-orange-dark);color:#fff;}

/* ---------------- Footer ---------------- */
.site-footer{
  background:var(--pafford-navy);color:#cfd6e6;padding:30px 0;margin-top:40px;
  border-top:5px solid var(--pafford-orange);
}
.site-footer a{color:#fff;}
.site-footer .footer-bar{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;
}

/* =========================================================
   WPForms — Pafford survey styling
   ========================================================= */
.wpforms-container{max-width:760px;margin:0 auto;}
.wpforms-form{
  background:var(--pafford-white);border:1px solid #e3e8f0;border-radius:12px;
  padding:10px 30px 30px;box-shadow:0 6px 24px rgba(23,70,143,.08);
}
.wpforms-form .wpforms-title{color:var(--pafford-blue);}
/* section header HTML fields */
.wpforms-form h2{
  color:var(--pafford-blue);border-bottom:3px solid var(--pafford-orange);
  padding-bottom:6px;margin-top:26px;
}
.wpforms-field-label{color:var(--pafford-navy);font-weight:600;}
.wpforms-required-label{color:var(--pafford-orange);}

/* inline radio rating rows */
.wpforms-field-radio ul.wpforms-image-choices,
.wpforms-field-radio ul{margin:6px 0 0;}
.wpforms-field-radio li{margin:0 18px 6px 0;}
.wpforms-field-radio input[type="radio"]{accent-color:var(--pafford-orange);}
.wpforms-field-checkbox input[type="checkbox"]{accent-color:var(--pafford-orange);}

/* text inputs */
.wpforms-form input[type="text"],
.wpforms-form input[type="email"],
.wpforms-form input[type="date"],
.wpforms-form textarea,
.wpforms-form select{
  border:1px solid #c6cfdd;border-radius:6px;padding:11px 12px;font-size:1rem;
  width:100%;transition:.15s;
}
.wpforms-form input:focus,
.wpforms-form textarea:focus,
.wpforms-form select:focus{
  border-color:var(--pafford-blue);outline:none;
  box-shadow:0 0 0 3px rgba(23,70,143,.15);
}

/* submit button */
.wpforms-form button[type="submit"],
.wpforms-submit{
  background:var(--pafford-orange)!important;color:#fff!important;
  border:none!important;border-radius:6px!important;
  padding:14px 34px!important;font-weight:700!important;font-size:1.05rem!important;
}
.wpforms-form button[type="submit"]:hover,
.wpforms-submit:hover{background:var(--pafford-orange-dark)!important;}

/* confirmation message */
.wpforms-confirmation-container-full{
  background:var(--pafford-gray);border-left:5px solid var(--pafford-orange);
  color:var(--pafford-navy);padding:20px 24px;border-radius:8px;font-size:1.1rem;
}

/* ---------------- Responsive ---------------- */
@media(max-width:640px){
  body{font-size:16px;}
  .site-header .container{justify-content:center;text-align:center;}
  .main-navigation ul{justify-content:center;}
  .page-banner{padding:38px 0;}
  .wpforms-form{padding:8px 16px 22px;}
}