/* =========================================================================
   site-polish.css — sitewide visual consistency pass
   Loaded last (after m-style/style/responsive/newcss) so it wins on
   specificity ties. Does NOT redesign pages — unifies what already exists:
   buttons, stray Bootstrap defaults, nav/footer polish, focus states.
   ========================================================================= */

:root{
  --tal-accent:#F95F57;
  --tal-accent-dark:#e2453d;
  --tal-accent-glow:rgba(249,95,87,.35);
  --tal-ink:#0c0d10;
  --tal-radius:10px;
}

/* ---- 1. Kill leftover Bootstrap-default blue/red so nothing off-brand
   slips through on form controls, links, or badges that were never
   restyled after the theme was applied. ---- */
a, .btn-link{ color: var(--tal-accent); }
a:hover, .btn-link:hover{ color: var(--tal-accent-dark); }

.btn-primary, .badge-primary, .bg-primary{
  background-color: var(--tal-accent) !important;
  border-color: var(--tal-accent) !important;
}
.btn-primary:hover, .btn-primary:focus{
  background-color: var(--tal-accent-dark) !important;
  border-color: var(--tal-accent-dark) !important;
}
.text-primary{ color: var(--tal-accent) !important; }
.text-danger, .badge-danger{ color: #f95f57 !important; }
.bg-danger{ background-color: #f95f57 !important; }

input:focus, textarea:focus, select:focus, .form-control:focus{
  border-color: var(--tal-accent) !important;
  box-shadow: 0 0 0 3px var(--tal-accent-glow) !important;
  outline: none !important;
}
::selection{ background: var(--tal-accent); color: #fff; }

/* ---- 2. Unify every button variant on the site to one visual language.
   Existing classes (pg-btn, pay-btn, btnmain, btn-1/2, btn, btn-main) all
   stay functional — this just makes them look like one design system. ---- */
.pg-btn, .pay-btn, .btnmain, .btn-1, .btn-2, a.btn, .btn-main,
button.btn, input[type="submit"].btn{
  font-family:'Cairo',sans-serif;
  font-weight:600;
  letter-spacing:.01em;
  border-radius: var(--tal-radius);
  transition: transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease, background-color .25s ease, border-color .25s ease;
}

.pg-btn-primary, .pay-btn-primary, .btnmain, .btn-1, .btn-main{
  background: var(--tal-accent) !important;
  border-color: var(--tal-accent) !important;
  color:#fff !important;
  box-shadow: 0 10px 24px rgba(249,95,87,.22);
}
.pg-btn-primary:hover, .pay-btn-primary:hover, .btnmain:hover, .btn-1:hover, .btn-main:hover{
  background: var(--tal-accent-dark) !important;
  border-color: var(--tal-accent-dark) !important;
  transform: translateY(-2px);
  box-shadow: 0 16px 32px rgba(249,95,87,.32);
}

.pg-btn-ghost, .pay-btn-ghost, .btn-2{
  background: transparent !important;
  border: 1.5px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
}
.pg-btn-ghost:hover, .pay-btn-ghost:hover, .btn-2:hover{
  border-color: var(--tal-accent) !important;
  color: var(--tal-accent) !important;
  transform: translateY(-2px);
}

/* Buttons on light-background sections need a dark ghost variant */
.light-bg .pg-btn-ghost, section:not([class*="dark"]):not(.hompg *) .pg-btn-ghost{
  border-color: rgba(12,13,16,.2) !important;
  color:#0c0d10 !important;
}

/* ---- 3. Nav polish: consistent active-state, spacing, focus-visible. ---- */
.header-main .navwrp ul li a{ transition: color .2s ease; }
.header-main .navwrp ul li a:focus-visible,
.mainnav a:focus-visible{
  outline: 2px solid var(--tal-accent);
  outline-offset: 3px;
  border-radius: 4px;
}

/* ---- 4. Footer polish: consistent heading rhythm + link hover, no matter
   which template block (features/company/etc.) it appears in. ---- */
footer h4{
  font-family:'Cairo',sans-serif;
  font-size: 15px;
  letter-spacing:.06em;
  text-transform: uppercase;
  color:#fff;
  margin-bottom: 18px;
  position: relative;
}
footer .navwrp ul{ margin:0; padding:0; list-style:none; }
footer .navwrp ul li{ margin: 0 0 10px; }
footer .navwrp ul li a{
  color:#a6a8b3;
  font-size: 14.5px;
  transition: color .2s ease, padding-left .2s ease;
  display:inline-block;
}
footer .navwrp ul li a:hover{
  color: var(--tal-accent);
  padding-left: 4px;
}
footer p{ color:#9296a3; line-height:1.7; }

/* ---- 5. General spacing/consistency touch-ups ---- */
h1, h2, h3, h4{ font-family:'Cairo',sans-serif; }
img{ max-width:100%; height:auto; }

/* Card-style content blocks used across service/industry pages */
.card, .pkge-card, .service-card{
  border-radius: 14px !important;
  transition: transform .3s ease, box-shadow .3s ease;
}