/* =====================================================================
   card_fix.css - loaded AFTER every card theme.
   Fixes problems common to all old themes (phones narrower than the
   design, tiny text, broken review link, QR code, empty menu items).
   ===================================================================== */
html, body { overflow-x: hidden; }
.card { max-width: 100% !important; box-sizing: border-box; }
.card2 { max-width: calc(100% - 16px) !important; box-sizing: border-box; }
.card img, .card2 img { max-width: 100%; }
.card2 iframe { max-width: calc(100% - 16px) !important; aspect-ratio: 16/9; height: auto !important; min-height: 180px; }

/* readable text */
.contact_details .contact_d p { font-size: 14px !important; line-height: 1.5 !important; word-break: break-word; }
.dis_flex .link_btn { font-size: 11px !important; }
#about_us p, .d_dis, .d_dis p { font-size: 14px !important; line-height: 1.6 !important; }
.card2 form input, .card2 form textarea { font-size: 15px !important; box-sizing: border-box; max-width: calc(100% - 32px); }

/* QR code */
#qr_code_d { display: block; width: 190px; height: 190px; margin: 12px auto 22px; background: #fff; padding: 8px; border-radius: 12px; box-sizing: border-box; }

/* Google review button (replaces the old floating "REVIEW-US" text) */
.g_review_wrap { text-align: center; margin: 6px auto 18px; }
.g_review_pill { display: inline-flex; align-items: center; gap: 8px; background: #fff; color: #202124 !important;
  border-radius: 999px; padding: 10px 18px; font: 600 14px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  box-shadow: 0 4px 14px rgba(0,0,0,.18); text-decoration: none !important; }
.g_review_pill .g { font-weight: 800; font-size: 17px; background: conic-gradient(from -45deg, #ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);
  -webkit-background-clip: text; background-clip: text; color: transparent; }
.g_review_pill .stars { color: #fbbc05; letter-spacing: 1px; }

/* bottom menu: room so the last section is not hidden behind it */
.menu_bottom .menu_item { cursor: pointer; }
.card_footer_space { height: 70px; }

/* branded footer + trial ribbon */
.mdc_footer { text-align: center; padding: 18px 14px 6px; font: 13px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #555; }
.mdc_footer a.mdc_make { display: inline-block; margin: 6px 0 10px; padding: 11px 18px; border-radius: 999px; background: #111; color: #fff !important; font-weight: 600; text-decoration: none; }
.mdc_footer .unit { font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #777; }
.mdc_footer .unit b { color: #333; }
.trial_ribbon { position: fixed; top: 10px; left: 10px; z-index: 50; background: #ff3b30; color: #fff; font: 700 11px/1 system-ui, sans-serif;
  letter-spacing: .06em; padding: 7px 10px; border-radius: 999px; box-shadow: 0 2px 8px rgba(0,0,0,.25); text-transform: uppercase; }

/* deactivated / not-found overlay */
.full_page_alert { box-sizing: border-box; width: 100% !important; height: 100% !important; left: 0; padding: 60px 20px !important;
  font: 16px/1.6 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.full_page_alert .btn2 { display: inline-block; padding: 14px 28px !important; margin: 10px 0; background: #16a34a !important; color: #fff;
  border: 0 !important; border-radius: 999px !important; font-weight: 700; }