/* Sikania Pet · Brand Theme 1.6.1
   Palette derived from approved Sikania Pet / Artero creative. */
:root{
  --sp-brand-navy:#06172c;
  --sp-brand-navy-2:#0a2747;
  --sp-brand-blue:#087ff5;
  --sp-brand-blue-2:#16a7ff;
  --sp-brand-red:#ff2638;
  --sp-brand-ice:#eef6ff;
  --sp-brand-paper:#ffffff;
  --sp-brand-text:#102b46;
  --sp-brand-muted:#61758a;
  --sp-brand-line:#d7e5f3;
  --sp-brand-success:#23835f;
  --sp-brand-warning:#b57817;
  --sp-brand-shadow:0 16px 38px rgba(3,24,48,.12);
}

/* ========================= ADMIN / RESPONSABILE ========================= */
body.spg-admin-theme{
  --ink:var(--sp-brand-navy);
  --ink2:var(--sp-brand-navy-2);
  --sand:#eff5fb;
  --card:#fff;
  --line:var(--sp-brand-line);
  --muted:var(--sp-brand-muted);
  --ok:#e8f7ef;
  --danger:#a8152b;
  --warn:#fff5df;
  --shadow:var(--sp-brand-shadow);
  background:
    radial-gradient(circle at 94% 0%,rgba(22,167,255,.09),transparent 28rem),
    linear-gradient(180deg,#eef4fa 0%,#e5eef7 100%);
  color:var(--sp-brand-text);
}
body.spg-admin-theme .side{
  background:
    linear-gradient(145deg,rgba(8,127,245,.12),transparent 34%),
    linear-gradient(180deg,#041326 0%,#071c34 52%,#0a2747 100%);
  box-shadow:18px 0 38px rgba(2,18,38,.08);
}
body.spg-admin-theme .side .brand{color:#fff;text-shadow:0 2px 18px rgba(22,167,255,.16)}
body.spg-admin-theme .version{color:#9ec6ef;opacity:.92}
body.spg-admin-theme .nav button{color:#dfefff;border:1px solid transparent;transition:.16s ease}
body.spg-admin-theme .nav button:hover:not(:disabled){background:rgba(8,127,245,.18);border-color:rgba(22,167,255,.22)}
body.spg-admin-theme .nav button.active{
  background:linear-gradient(135deg,#0671dd,#119fff);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 8px 22px rgba(8,127,245,.24);
  color:#fff;
}
body.spg-admin-theme .sideFoot{background:rgba(255,255,255,.055);border-color:rgba(120,190,255,.18)}
body.spg-admin-theme .main{background:transparent}
body.spg-admin-theme .title,
body.spg-admin-theme .brand,
body.spg-admin-theme .metric,
body.spg-admin-theme .sectionTitle,
body.spg-admin-theme .profileRow .name,
body.spg-admin-theme .miniCard strong,
body.spg-admin-theme .statMini strong{color:var(--sp-brand-navy)}
body.spg-admin-theme .card,
body.spg-admin-theme .calendarCard,
body.spg-admin-theme .modal,
body.spg-admin-theme .profileRow,
body.spg-admin-theme .miniCard,
body.spg-admin-theme .statMini,
body.spg-admin-theme .loginCard{
  border-color:var(--sp-brand-line);
  box-shadow:0 10px 28px rgba(5,31,59,.07);
}
body.spg-admin-theme .card{position:relative;overflow:hidden}
body.spg-admin-theme .card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--sp-brand-blue-2),var(--sp-brand-blue))}
body.spg-admin-theme .primary{
  background:linear-gradient(135deg,#066ed8 0%,#0a8cff 100%);
  border-color:#087ff5;
  color:#fff;
  box-shadow:0 7px 18px rgba(8,127,245,.20);
}
body.spg-admin-theme .primary:hover{filter:brightness(1.05)}
body.spg-admin-theme .secondary{
  background:#fff;
  border-color:#cbdff2;
  color:#0a4f91;
}
body.spg-admin-theme .secondary:hover{background:#edf6ff;border-color:#9fc9ef}
body.spg-admin-theme .dangerBtn,
body.spg-admin-theme .dangerRunV150{color:#b3152b;border-color:#e1a1aa}
body.spg-admin-theme .dangerRunV150{background:#b3152b!important;color:#fff!important}
body.spg-admin-theme input:focus,
body.spg-admin-theme select:focus,
body.spg-admin-theme textarea:focus{border-color:#168ee9!important;box-shadow:0 0 0 3px rgba(8,127,245,.10)!important;outline:none}
body.spg-admin-theme .notice{background:#eaf6ff;border-left-color:var(--sp-brand-blue);color:#194e78}
body.spg-admin-theme .warn{background:#fff6df;border-left-color:#d59524}
body.spg-admin-theme .todayHead{background:#e7f3ff;color:#075aab}
body.spg-admin-theme .head{color:#123e68}
body.spg-admin-theme .event{background:#dcefff;border-left-color:var(--sp-brand-blue);color:#103b62}
body.spg-admin-theme .event.pending{background:#fff0f1;border-left-color:var(--sp-brand-red);opacity:.82}
body.spg-admin-theme .toast{background:linear-gradient(135deg,#06172c,#0a3764);border:1px solid rgba(88,177,255,.24)}
body.spg-admin-theme .toast.errToast{background:#9e1729}
body.spg-admin-theme .profileBadge{background:#e9f4ff;border-color:#c5e0fb;color:#0964b6}
body.spg-admin-theme .clientTabsV113 button.active,
body.spg-admin-theme [class*="Tabs"] button.active{background:var(--sp-brand-blue);border-color:var(--sp-brand-blue);color:#fff}
body.spg-admin-theme a{accent-color:var(--sp-brand-blue)}
body.spg-admin-theme input[type="checkbox"],body.spg-admin-theme input[type="radio"]{accent-color:var(--sp-brand-blue)}
body.spg-admin-theme ::selection{background:#b8ddff;color:#041326}

/* ========================= AREA CLIENTE / PRENOTAZIONE ========================= */
body.spg-customer-theme{
  --ink:var(--sp-brand-navy);
  --ink2:var(--sp-brand-navy-2);
  --cream:#eef5fb;
  --paper:#fff;
  --line:var(--sp-brand-line);
  --muted:var(--sp-brand-muted);
  --ok:var(--sp-brand-success);
  --warn:var(--sp-brand-warning);
  --bad:#a7162c;
  --soft:#f3f8fd;
  --shadow:var(--sp-brand-shadow);
  color:var(--sp-brand-text);
  background:
    radial-gradient(circle at 100% 0%,rgba(22,167,255,.10),transparent 30rem),
    linear-gradient(180deg,#e9f2f9 0%,#e1ecf5 100%);
}
body.spg-customer-theme .top{
  background:rgba(4,19,38,.94);
  border-bottom:1px solid rgba(83,170,250,.22);
  box-shadow:0 8px 24px rgba(2,17,34,.16);
}
body.spg-customer-theme .mark{background:linear-gradient(135deg,#087ff5,#11a5ff);box-shadow:0 0 0 4px rgba(8,127,245,.14)}
body.spg-customer-theme .brand strong{color:#fff}
body.spg-customer-theme .brand small{color:#9fc8ee}
body.spg-customer-theme .secure{color:#dcefff;border-color:rgba(104,185,255,.24);background:rgba(255,255,255,.06)}

/* Full-screen approved visual only on customer home/entry/dashboard. */
body.spg-customer-theme.spgCustomerCover .hero{
  max-width:none;
  width:100%;
  min-height:calc(100svh - 72px);
  margin:0;
  padding:0;
  display:block;
  position:relative;
  background-image:url('../images/sikania-hero-landscape.webp');
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
  box-shadow:inset 0 -34px 70px rgba(2,14,30,.20);
}
body.spg-customer-theme.spgCustomerCover .hero>div{display:none!important}
body.spg-customer-theme.spgCustomerCover .hero:after{
  content:"↓";
  position:absolute;
  left:50%;bottom:18px;
  transform:translateX(-50%);
  width:42px;height:42px;
  border-radius:50%;
  display:grid;place-items:center;
  color:#fff;font-size:22px;font-weight:900;
  background:rgba(4,19,38,.62);
  border:1px solid rgba(93,186,255,.44);
  box-shadow:0 8px 26px rgba(0,0,0,.24);
  backdrop-filter:blur(8px);
}
@media(orientation:portrait){
  body.spg-customer-theme.spgCustomerCover .hero{
    background-image:url('../images/sikania-hero-portrait.webp');
    background-position:center center;
  }
}

/* Compact branded hero during booking/authentication. */
body.spg-customer-theme:not(.spgCustomerCover) .hero{
  max-width:none;
  padding:28px max(20px,calc((100vw - 1180px)/2));
  grid-template-columns:minmax(0,1fr) 360px;
  background:
    radial-gradient(circle at 85% 0%,rgba(22,167,255,.22),transparent 26rem),
    linear-gradient(135deg,#06172c 0%,#0a2b4d 100%);
  border-bottom:1px solid rgba(70,160,245,.18);
}
body.spg-customer-theme:not(.spgCustomerCover) .hero h1{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.18)}
body.spg-customer-theme:not(.spgCustomerCover) .hero p{color:#c6dcf1}
body.spg-customer-theme .heroNote{background:linear-gradient(135deg,#096fd7,#0d98ff);border:1px solid rgba(255,255,255,.15);box-shadow:0 12px 30px rgba(4,77,145,.28)}

body.spg-customer-theme .wrap{padding-top:22px}
body.spg-customer-theme .panel,
body.spg-customer-theme .summary,
body.spg-customer-theme .accessCard,
body.spg-customer-theme .choice,
body.spg-customer-theme .service,
body.spg-customer-theme .treatment,
body.spg-customer-theme .question,
body.spg-customer-theme .benefits,
body.spg-customer-theme .benefit{
  border-color:var(--sp-brand-line);
}
body.spg-customer-theme .panel,
body.spg-customer-theme .accessCard,
body.spg-customer-theme .choice,
body.spg-customer-theme .service,
body.spg-customer-theme .treatment,
body.spg-customer-theme .benefit{
  background:#fff;
  box-shadow:0 8px 24px rgba(4,34,66,.055);
}
body.spg-customer-theme .panelHead{border-bottom-color:#e2edf7;background:linear-gradient(180deg,#fff,#f9fcff)}
body.spg-customer-theme .panelHead h2,
body.spg-customer-theme .choice strong,
body.spg-customer-theme .service strong,
body.spg-customer-theme .treatment strong,
body.spg-customer-theme .accessCard h3,
body.spg-customer-theme .success h2,
body.spg-customer-theme .reviewRow strong{color:#0a2d50}
body.spg-customer-theme .summary{background:linear-gradient(155deg,#06172c 0%,#0b3764 100%);border-color:#154d7d;box-shadow:0 16px 34px rgba(3,26,52,.18)}
body.spg-customer-theme .step{border-color:#d7e5f3;background:#fff;color:#70869a}
body.spg-customer-theme .step b{background:#eaf3fc;color:#0a4f91}
body.spg-customer-theme .step.active{border-color:#78bfff;background:#eef7ff;color:#0b4f8e;box-shadow:0 5px 16px rgba(8,127,245,.08)}
body.spg-customer-theme .step.active b{background:var(--sp-brand-blue);color:#fff}
body.spg-customer-theme .step.done b{background:#e7f7ef;color:#237454}
body.spg-customer-theme .primary,
body.spg-customer-theme .callLinkV139{
  background:linear-gradient(135deg,#0670dc,#0c98ff);
  border-color:#087ff5;
  color:#fff;
  box-shadow:0 7px 18px rgba(8,127,245,.18);
}
body.spg-customer-theme .secondary{background:#fff;color:#0b569d;border-color:#c8ddf0}
body.spg-customer-theme .secondary:hover{background:#edf6ff;border-color:#93c8f7}
body.spg-customer-theme .accessCard.featured,
body.spg-customer-theme .choice.selected,
body.spg-customer-theme .service.selected{
  border-color:#168cf0;
  background:#edf7ff;
  box-shadow:0 8px 24px rgba(8,127,245,.10);
}
body.spg-customer-theme .yn button.active,
body.spg-customer-theme .slot.selected{background:var(--sp-brand-blue);border-color:var(--sp-brand-blue);color:#fff}
body.spg-customer-theme .slot:hover{border-color:#168cf0;background:#f0f8ff}
body.spg-customer-theme .field input:focus,
body.spg-customer-theme .field select:focus,
body.spg-customer-theme .field textarea:focus{border-color:#168cf0;box-shadow:0 0 0 3px rgba(8,127,245,.10)}
body.spg-customer-theme input[type="checkbox"],body.spg-customer-theme input[type="radio"]{accent-color:var(--sp-brand-blue)}
body.spg-customer-theme .loading,body.spg-customer-theme .empty{background:#f4f8fc;border-color:#cdddec;color:#62798f}
body.spg-customer-theme .okBox,body.spg-customer-theme .holdInline{background:#edf8f3;border-color:#bcdcca;color:#256b4e}
body.spg-customer-theme .errorBox{background:#fff0f2;border-color:#e8b0b8;color:#8d2635}
body.spg-customer-theme .footer{color:#6d8295;padding-top:8px}
body.spg-customer-theme ::selection{background:#b8ddff;color:#041326}

/* Responsive tuning */
@media(max-width:900px){
  body.spg-customer-theme:not(.spgCustomerCover) .hero{grid-template-columns:1fr;padding:22px 18px}
  body.spg-customer-theme:not(.spgCustomerCover) .heroNote{margin-top:12px}
}
@media(max-width:700px){
  body.spg-customer-theme .topIn{padding:11px 14px}
  body.spg-customer-theme .brand strong{font-size:13px}
  body.spg-customer-theme .brand small{font-size:10px}
  body.spg-customer-theme .secure{font-size:10px;padding:7px 9px;max-width:44vw;overflow:hidden;text-overflow:ellipsis}
  body.spg-customer-theme.spgCustomerCover .hero{min-height:calc(100svh - 65px)}
  body.spg-customer-theme .wrap{padding:16px 12px 44px}
}

/* ========================= V1.6.3 · APPROVED REALISTIC CUSTOMER SPLASH ========================= */
html.spg-welcome-pending,
html.spg-welcome-pending body{overflow:hidden!important;overscroll-behavior:none}
.spgWelcomeSplash{display:none}
html.spg-welcome-pending .spgWelcomeSplash{
  display:block;position:fixed;inset:0;z-index:2147483000;
  width:100vw;height:100vh;height:100svh;
  overflow:hidden;background:#06172c;isolation:isolate;
  opacity:1;visibility:visible;
}
.spgSplashPanel{
  position:absolute;inset:-1px;
  background-image:url('../images/sikania-hero-landscape.webp');
  background-size:cover;background-position:center center;background-repeat:no-repeat;
  will-change:transform,filter;transition:transform 1.05s cubic-bezier(.72,.02,.23,1),filter .8s ease;
  transform:translate3d(0,0,0) scale(1.008);
}
.spgSplashLeft{clip-path:polygon(0 0,52.2% 0,49.3% 7%,52.1% 14%,48.8% 21%,51.7% 29%,48.9% 37%,52.2% 45%,49.1% 53%,52.5% 61%,49.2% 69%,51.8% 77%,49.0% 85%,52.0% 93%,49.7% 100%,0 100%)}
.spgSplashRight{clip-path:polygon(51.7% 0,100% 0,100% 100%,49.2% 100%,51.5% 93%,48.7% 85%,51.4% 77%,48.8% 69%,52.0% 61%,48.8% 53%,51.7% 45%,48.5% 37%,51.4% 29%,48.5% 21%,51.6% 14%,48.8% 7%)}
.spgSplashShade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(2,12,25,.02) 42%,rgba(2,12,25,.62) 100%);opacity:.72;transition:opacity .55s ease}
.spgSplashGreeting{
  position:absolute;z-index:4;left:50%;bottom:max(34px,calc(env(safe-area-inset-bottom) + 24px));
  transform:translate3d(-50%,16px,0);width:min(92vw,720px);text-align:center;color:#fff;
  opacity:0;transition:opacity .55s ease,transform .7s cubic-bezier(.2,.75,.2,1);
  text-shadow:0 3px 22px rgba(0,0,0,.58);pointer-events:none;
}
.spgSplashReady .spgSplashGreeting{opacity:1;transform:translate3d(-50%,0,0)}
.spgSplashGreetingMain{font-size:clamp(23px,4.5vw,44px);font-weight:900;letter-spacing:-.025em;line-height:1.02}
.spgSplashGreetingSub{margin-top:8px;font-size:clamp(10px,1.5vw,14px);font-weight:700;letter-spacing:.34em;color:#b9ddff}
.spgSplashPaw{position:absolute;z-index:5;top:50%;width:54px;height:54px;opacity:0;filter:drop-shadow(0 8px 15px rgba(0,0,0,.38));transition:opacity .3s ease,transform .65s cubic-bezier(.2,.8,.2,1)}
.spgSplashPaw svg{width:100%;height:100%;display:block;fill:#fff}
.spgSplashPawDog{left:calc(50% - 68px);transform:translate3d(-22px,-50%,0) rotate(-18deg) scale(.74)}
.spgSplashPawCat{left:calc(50% + 14px);width:45px;height:45px;transform:translate3d(22px,-38%,0) rotate(19deg) scale(.72)}
.spgSplashPawCat svg{fill:#53b9ff}
.spgSplashPawsIn .spgSplashPaw{opacity:.94}
.spgSplashPawsIn .spgSplashPawDog{transform:translate3d(0,-50%,0) rotate(-8deg) scale(1)}
.spgSplashPawsIn .spgSplashPawCat{transform:translate3d(0,-38%,0) rotate(8deg) scale(1)}
.spgSplashTear .spgSplashLeft{transform:translate3d(-108%,0,0) rotate(-1.4deg) scale(1.02);filter:brightness(.92)}
.spgSplashTear .spgSplashRight{transform:translate3d(108%,0,0) rotate(1.4deg) scale(1.02);filter:brightness(.92)}
.spgSplashTear .spgSplashGreeting{opacity:0;transform:translate3d(-50%,20px,0)}
.spgSplashTear .spgSplashShade{opacity:0}
.spgSplashTear .spgSplashPawDog{transform:translate3d(-42vw,-50%,0) rotate(-20deg) scale(.82);opacity:0}
.spgSplashTear .spgSplashPawCat{transform:translate3d(42vw,-38%,0) rotate(20deg) scale(.82);opacity:0}
.spgSplashGone{opacity:0!important;visibility:hidden!important;transition:opacity .38s ease,visibility .38s linear}
.spgSplashReducedExit{opacity:0!important;transition:opacity .32s ease!important}

@media(orientation:portrait){
  .spgSplashPanel{background-image:url('../images/sikania-hero-portrait.webp')}
  .spgSplashGreeting{bottom:max(28px,calc(env(safe-area-inset-bottom) + 18px))}
  .spgSplashPaw{top:47%}
}
@media(prefers-reduced-motion:reduce){
  .spgSplashPanel,.spgSplashGreeting,.spgSplashPaw,.spgSplashShade{transition:none!important}
  .spgSplashPaw{display:none!important}
}

/* In 1.6.3 the approved photo belongs only to the opening splash, not to the Home. */
body.spg-customer-theme.spgCustomerCover .hero{
  max-width:none!important;width:100%!important;min-height:0!important;margin:0!important;
  padding:22px max(20px,calc((100vw - 1180px)/2))!important;
  display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:20px!important;align-items:end!important;
  background:radial-gradient(circle at 85% 0%,rgba(22,167,255,.20),transparent 26rem),linear-gradient(135deg,#06172c 0%,#0a2b4d 100%)!important;
  box-shadow:none!important;border-bottom:1px solid rgba(70,160,245,.18)!important;
}
body.spg-customer-theme.spgCustomerCover .hero>div{display:block!important}
body.spg-customer-theme.spgCustomerCover .hero:after{display:none!important}
body.spg-customer-theme.spgCustomerCover .hero h1{color:#fff!important;text-shadow:0 2px 18px rgba(0,0,0,.18)}
body.spg-customer-theme.spgCustomerCover .hero p{color:#c6dcf1!important}
@media(max-width:900px){body.spg-customer-theme.spgCustomerCover .hero{grid-template-columns:1fr!important;padding:18px 14px!important}body.spg-customer-theme.spgCustomerCover .heroNote{display:none!important}}

/* WP 1.6.6 · risposta WhatsApp: cliente non viene */
body.spg-admin-theme .event.eventWhatsAppNoV166{
  background:#ffe7e7!important;
  border-left-color:#d71920!important;
  color:#741219!important;
  box-shadow:inset 0 0 0 1px rgba(215,25,32,.28),0 2px 8px rgba(126,18,24,.12)!important;
}
body.spg-admin-theme .event.eventWhatsAppNoV166::after{display:none!important}
body.spg-admin-theme .eventWhatsAppNoBadgeV166{
  display:block!important;
  margin-top:3px!important;
  font-size:9px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:.35px!important;
  color:#a51017!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* v1.6.101 - Password accesso Impostazioni */
.spgSettingsLockMarkV1101{font-size:11px;opacity:.72;margin-left:3px}
.spgSettingsLockModalV1101{position:fixed;inset:0;z-index:999999;background:rgba(5,25,45,.58);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px}
.spgSettingsLockCardV1101{width:min(430px,94vw);background:#fff;border:1px solid #dbe7f0;border-radius:24px;box-shadow:0 28px 80px rgba(6,35,61,.28);padding:28px}
.spgSettingsLockIconV1101{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#edf6ff;font-size:26px;margin-bottom:14px}
.spgSettingsLockCardV1101 h3{margin:0 0 8px;color:#082540;font-size:24px;line-height:1.15}
.spgSettingsLockCardV1101 p{margin:0 0 18px;color:#64798d;font-size:14px;line-height:1.45}
.spgSettingsLockCardV1101 input{width:100%;box-sizing:border-box;border:1px solid #cdddea;border-radius:14px;padding:14px 15px;font-size:16px;margin:0 0 10px;outline:none;background:#fff;color:#082540}
.spgSettingsLockCardV1101 input:focus{border-color:#168cf4;box-shadow:0 0 0 3px rgba(22,140,244,.12)}
.spgSettingsLockErrV1101{min-height:20px;color:#b42332;font-size:13px;font-weight:700;margin:2px 0 8px}
.spgSettingsLockActionsV1101{display:flex;gap:10px;justify-content:flex-end;margin-top:8px}.spgSettingsLockActionsV1101 button{border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer}

/* WP 1.6.202 - Calendario: NON PRESENTATO senza avviso */
body.spg-admin-theme .event.eventNoShowWithoutNoticeV16202{
  background:#4a2a21!important;
  border-color:#321a14!important;
  border-left-color:#26120e!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 3px 9px rgba(52,27,20,.30)!important;
}
body.spg-admin-theme .event.eventNoShowWithoutNoticeV16202,
body.spg-admin-theme .event.eventNoShowWithoutNoticeV16202 strong,
body.spg-admin-theme .event.eventNoShowWithoutNoticeV16202 span,
body.spg-admin-theme .event.eventNoShowWithoutNoticeV16202 em,
body.spg-admin-theme .event.eventNoShowWithoutNoticeV16202 b{
  color:#fff!important;
}
body.spg-admin-theme .event.eventNoShowWithoutNoticeV16202::after{display:none!important}
