/* Franchise landing pages (franchise.php, franchise2.php): ad landing header, short form, mobile layout, sticky contact bar. */

/* Ad landing header (admode.php): logo + call + WhatsApp, no site menu */
.cb-header-ad .cb-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.cb-ad-actions{display:flex;gap:10px;align-items:center;}
.cb-ad-btn{display:inline-flex;align-items:center;gap:8px;border-radius:30px;padding:10px 18px;font-family:'Nunito',Arial,sans-serif;font-weight:800;font-size:16px;line-height:1;color:#fff;text-decoration:none;white-space:nowrap;}
.cb-ad-btn:hover{color:#fff;text-decoration:none;filter:brightness(1.05);}
.cb-ad-btn svg{width:18px;height:18px;fill:currentColor;flex:none;}
.cb-ad-btn span{font-size:inherit;line-height:inherit;}
.cb-ad-call{background:#036fc5;}
.cb-ad-wa{background:#25d366;}

/* The mobile field is now type="tel" (numeric keypad); give it the same look as the other fields */
.admission_form input[type="tel"]{border:none;border-bottom:1px solid #000000;padding:10px 10px;background:none;height:40px;margin-bottom:10px;width:100%;}

/* Clear focus state for the form fields (instead of the browser's default box) */
.franchise-lp .admission_form input[type="text"]:focus,
.franchise-lp .admission_form input[type="tel"]:focus,
.franchise-lp .admission_form input[type="email"]:focus{outline:none;border-bottom:2px solid #036fc5;background:rgba(255,255,255,.35);}

/* Contact section art: "contain" left white strips at the sides on wide screens; always fill the width */
.franchise-lp section#contact_us{background-size:100% auto;min-height:max(700px,49.9vw);}

/* Tablet/desktop banner: the yellow blob wraps the (now 3-field) form instead of a fixed 110% height,
   so it no longer leaves an empty yellow tail below the clouds */
@media (min-width:768px){
  .franchise-lp .franchise_banner .admission_form{height:auto;background-size:100% 100%;padding:64px 80px 70px;margin-top:30px;}
}
@media (min-width:768px) and (max-width:1199px){
  .franchise-lp .franchise_banner .admission_form{padding:56px 48px 64px;}
}

/* Sticky Call + WhatsApp bar: phones only */
.fr-mobilebar{display:none;}

@media (max-width:767px){
  /* Headline + form above the fold */
  .franchise-lp .franchise_banner{height:auto;padding:14px 0 26px;background-size:cover !important;}
  .franchise-lp section#banner::after{display:none;}
  .franchise-lp #banner .vertical-center{min-height:0 !important;}
  .franchise-lp .banner_description{padding:0;margin:0 0 10px;text-align:center;}
  .franchise-lp .banner_description h1,
  .franchise-lp .banner_description h2{font-size:22px !important;line-height:1.25;margin:0;}
  .franchise-lp .banner_description br{display:none;}
  .franchise-lp .banner_description .button_yellow{display:none;}   /* the sticky bar has Call */
  .franchise-lp .admission_form{background:#fff;border-radius:18px;padding:16px 16px 14px;height:auto;box-shadow:0 8px 24px rgba(0,0,0,.18);}
  .franchise-lp .admission_form h3{font-size:20px;line-height:1.1;}
  .franchise-lp .admission_form h4{font-size:15px;line-height:1.1;margin-bottom:6px;}
  .franchise-lp .admission_form input[type="text"],
  .franchise-lp .admission_form input[type="tel"]{height:44px;font-size:16px;margin-bottom:6px;}
  .franchise-lp .admission_form .pt-3{padding-top:6px !important;}
  .franchise-lp .admission_form small{font-size:11px;line-height:1.3;}
  .franchise-lp .admission_form .text-right{text-align:center !important;}
  .franchise-lp .admission_form input[type="submit"]{width:100%;margin-top:8px;}

  .fr-mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;gap:8px;padding:8px;background:#fff;box-shadow:0 -4px 18px rgba(0,0,0,.15);}
  .fr-mobilebar a{flex:1;text-align:center;padding:12px 6px;border-radius:12px;font-family:'Nunito',Arial,sans-serif;font-weight:800;font-size:16px;line-height:1.2;color:#fff;text-decoration:none;}
  .fr-mobilebar .fr-wa{background:#25d366;}
  .fr-mobilebar .fr-call{background:#036fc5;}
  body.franchise-lp{padding-bottom:66px;}
}
@media (max-width:480px){
  .cb-ad-btn{padding:10px 12px;}
  .cb-ad-btn span{display:none;}   /* icon-only in the header; labels via aria-label, and the sticky bar has text */
}