/* =========================================================
   Prime Cleaner — brand theme from the logo
   Blue #1A45CC · Yellow #FFC800 · Navy #0B1B4D
   ========================================================= */
:root {
  --tidytouch-base: #1A45CC;
  --tidytouch-base-rgb: 26, 69, 204;
  --tidytouch-primary: #FFC800;
  --tidytouch-primary-rgb: 255, 200, 0;
  --tidytouch-blue: #2E63FF;
  --tidytouch-blue-rgb: 46, 99, 255;
  --tidytouch-black: #14213D;
  --tidytouch-black-rgb: 20, 33, 61;
  --tidytouch-black2: #0B1B4D;
  --tidytouch-black2-rgb: 11, 27, 77;
  --tidytouch-black4: #0B1B4D;
  --tidytouch-black4-rgb: 11, 27, 77;
  --tidytouch-text: #4A5068;
  --tidytouch-text-rgb: 74, 80, 104;
  --pc-blue: #1A45CC;
  --pc-blue-2: #2E63FF;
  --pc-yellow: #FFC800;
  --pc-orange: #FF9F1C;
  --pc-navy: #0B1B4D;
  --pc-green: #1FAE54;
  --pc-grad-blue: linear-gradient(135deg, #1A45CC 0%, #2E63FF 100%);
  --pc-grad-yellow: linear-gradient(135deg, #FFD43B 0%, #FF9F1C 100%);
}

/* ---------- Two-tone buttons ---------- */
.tidytouch-btn,
.pc-btn {
  position: relative; overflow: hidden; isolation: isolate;
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 30px 0 28px; border: 0; border-radius: 10px;
  background: var(--pc-grad-blue) !important; color: #fff !important;
  font-family: var(--tidytouch-heading-font, "Figtree", sans-serif);
  font-weight: 700; font-size: 16px; letter-spacing: .02em; text-transform: uppercase; text-decoration: none;
  box-shadow: 0 8px 20px rgba(26, 69, 204, .25);
  transition: transform .2s ease, box-shadow .2s ease;
}
/* yellow diagonal slice on the right edge */
.tidytouch-btn::after,
.pc-btn::after {
  content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; right: -18px; width: 46px;
  background: var(--pc-yellow); transform: skewX(-22deg); transition: width .25s ease;
}
.tidytouch-btn:hover, .pc-btn:hover { transform: translateY(-2px); box-shadow: 0 12px 26px rgba(26, 69, 204, .32); color: #fff !important; }
.tidytouch-btn:hover::after, .pc-btn:hover::after { width: 60px; }
.tidytouch-btn::before { display: none !important; }
.tidytouch-btn span, .tidytouch-btn i { position: relative; z-index: 1; color: inherit !important; }
.tidytouch-btn .tidytouch-btn__icon { background: transparent !important; margin-left: 2px; }

/* Yellow version: call / WhatsApp style actions */
.pc-btn--yellow {
  background: var(--pc-grad-yellow) !important; color: var(--pc-navy) !important;
  box-shadow: 0 8px 20px rgba(255, 159, 28, .3);
}
.pc-btn--yellow::after { background: var(--pc-blue); }
.pc-btn--yellow:hover { color: var(--pc-navy) !important; }
.pc-btn--green { background: linear-gradient(135deg, #1FAE54 0%, #25D366 100%) !important; box-shadow: 0 8px 20px rgba(31, 174, 84, .28); }
.pc-btn--green::after { background: var(--pc-yellow); }
.pc-btn--ghost { background: transparent !important; color: #fff !important; box-shadow: inset 0 0 0 2px rgba(255,255,255,.7); }
.pc-btn--ghost::after { display: none; }
.pc-btn--block { width: 100%; }
/* white button variant used by the theme */
.tidytouch-btn--white, .tidytouch-btn--white-2 { background: var(--pc-grad-yellow) !important; color: var(--pc-navy) !important; }
.tidytouch-btn--white::after, .tidytouch-btn--white-2::after { background: var(--pc-blue); }

/* ---------- Sliding offer strip (all pages) ---------- */
.pc-offer {
  position: relative; z-index: 1000; overflow: hidden; white-space: nowrap;
  background: var(--pc-grad-yellow); color: var(--pc-navy);
  font-family: var(--tidytouch-heading-font, "Figtree", sans-serif); font-weight: 700; font-size: 14.5px;
  height: 40px; display: flex; align-items: center;
}
.pc-offer__track { display: inline-flex; gap: 0; animation: pc-marquee 38s linear infinite; will-change: transform; }
.pc-offer:hover .pc-offer__track { animation-play-state: paused; }
.pc-offer__item { display: inline-flex; align-items: center; gap: 8px; padding: 0 28px; }
.pc-offer__item::after { content: "\2726"; color: var(--pc-blue); margin-left: 28px; font-size: 12px; }
.pc-offer a { color: var(--pc-blue); text-decoration: underline; text-underline-offset: 3px; }
@keyframes pc-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .pc-offer__track { animation-duration: 120s; } }

/* ---------- Phone number always visible in the header ---------- */
.pc-head-phone {
  display: inline-flex; align-items: center; gap: 8px; margin-left: 18px;
  padding: 9px 16px 9px 10px; border-radius: 999px; background: var(--pc-grad-yellow);
  color: var(--pc-navy) !important; font-weight: 800; font-size: 15px; white-space: nowrap; text-decoration: none;
  font-family: var(--tidytouch-heading-font, "Figtree", sans-serif);
}
.pc-head-phone i { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--pc-blue); color: #fff; font-size: 13px; }
.main-header__btn, .main-header__search, .search-popup { display: none !important; }
@media (max-width: 1199px) { .pc-head-phone { margin-left: 0; margin-right: 12px; } }
@media (max-width: 420px) {
  .pc-head-phone { font-size: 13px; padding: 6px 10px 6px 6px; gap: 6px; margin-right: 8px; }
  .pc-head-phone i { width: 24px; height: 24px; font-size: 11px; }
  .main-header__logo img { width: 150px !important; height: auto; }
  .main-header__whatsapp { display: none !important; }
}
.topbar { display: none !important; }

/* ---------- Brand colour touches ---------- */
.main-header--one .main-menu .main-menu__list > li.current > a,
.main-menu .main-menu__list > li:hover > a { color: var(--pc-blue) !important; }
.sec-title__tagline { color: var(--pc-blue) !important; }
.sec-title__title span { color: var(--pc-blue) !important; }
.page-header { background-color: var(--pc-navy) !important; }
.page-header__bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(11,27,77,.92) 0%, rgba(11,27,77,.7) 55%, rgba(26,69,204,.45) 100%); }
.page-header .container { position: relative; z-index: 2; }
.tidytouch-breadcrumb li span, .tidytouch-breadcrumb li a:hover { color: var(--pc-yellow) !important; }
.main-footer { background-color: var(--pc-navy) !important; }
.main-footer__bg { opacity: .12 !important; }
.main-footer__bottom__inner, .main-footer .main-footer__bottom { background: var(--pc-blue) !important; }
.newsletter-one__wrapper, .newsletter-one__inner { background-color: var(--pc-blue) !important; }

/* ---------- Remove decorative template shapes / sparkles ---------- */
.page-header__shape-1, .page-header__shape-2, .page-header__shape-3, .page-header__shape-4,
.page-header__bg__shape, .sec-title__shape, [class*="__shape-"]:not(.pc-keep),
.contact-one__shape, .team-one__shape, .services-one__shape, .about-one__shape,
.newsletter-one__shape, .funfact__shape { display: none !important; }
.sec-title__top { gap: 0; }
.sec-title__tagline::before { content: ""; display: inline-block; width: 26px; height: 3px; border-radius: 2px; background: var(--pc-yellow); vertical-align: middle; margin-right: 10px; }

/* CTA band: yellow button on blue background */
.newsletter-one .tidytouch-btn { background: var(--pc-grad-yellow) !important; color: var(--pc-navy) !important; }
.newsletter-one .tidytouch-btn::after { background: var(--pc-blue); }

/* Small laptops: logo + menu + phone pill on one line */
@media (min-width: 1200px) and (max-width: 1399px) {
  .main-header__logo img { width: 205px !important; height: auto; }
  .main-header__logo { margin-right: 18px; }
  .main-menu .main-menu__list > li + li { margin-left: 16px !important; }
  .main-menu .main-menu__list > li > a { font-size: 14px !important; }
  .pc-head-phone { margin-left: 10px; padding: 8px 12px 8px 8px; font-size: 14px; }
}
