/* POKLADNIČKA — final visual/UX polish pass, 2026-09-29.
   Loaded last on Joomla pages so the content design is not degraded by the
   standalone header prototype's generic body/root rules. */

:root{--radius:28px}
body.pokladnicka-site{font:400 17px/1.6 "Nunito Sans",system-ui,sans-serif}
.pokladnicka-site main .eyebrow{margin-bottom:19px}

/* Keep the last content block and the common footer visually separate. */
.pokladnicka-site .demo-footer{margin-top:clamp(58px,5.2vw,86px)}
/* The home article already ends with a complete CTA. Its legacy main padding
   added 112px on top of the footer gap. Keep one intentional interval. */
.pokladnicka-site.review-page main{padding-bottom:0}
.pokladnicka-site.review-page .demo-footer{margin-top:64px}

/* Dark final CTA: restore legibility and give the block its own visual depth. */
.pokladnicka-site .web-cta{box-shadow:0 24px 64px rgba(25,63,53,.10)}
.pokladnicka-site .web-cta .eyebrow{color:#afc2b7}
.pokladnicka-site .web-cta .text-link:hover{color:#ffd38e}

/* One restrained interaction language for links/cards/buttons. */
.pokladnicka-site .button{box-shadow:0 7px 18px rgba(25,63,53,.06);transition:background .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.pokladnicka-site .button:hover{box-shadow:0 11px 24px rgba(25,63,53,.10)}
.pokladnicka-site .button .icon,
.pokladnicka-site .text-link .icon,
.pokladnicka-site .rv-card-link .icon{transition:transform .18s ease}
.pokladnicka-site .button:hover .icon,
.pokladnicka-site .text-link:hover .icon,
.pokladnicka-site a:hover .rv-card-link .icon{transform:translate(2px,-2px)}

.pokladnicka-site :is(.rv-service,.services-task-grid>a,.service-children a,.system-choice-grid>a,.direct-contact-links a,.bridge-links a,.ai-scenario-links a,.special-related a){
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.pokladnicka-site :is(.rv-service,.services-task-grid>a,.service-children a,.system-choice-grid>a,.direct-contact-links a,.bridge-links a,.ai-scenario-links a,.special-related a):hover{
  transform:translateY(-4px);
  box-shadow:0 18px 42px rgba(25,63,53,.08);
}

/* Do not let clickable cards jump horizontally if an older page rule uses translateX. */
.pokladnicka-site .direct-contact-links a:hover{transform:translateY(-4px)}

/* Project cards: a subtle premium lift without changing approved composition. */
.pokladnicka-site :is(.web-project,.landing-project,.corp-project,.work-card,.rv-case){
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.pokladnicka-site :is(.web-project,.landing-project,.corp-project,.work-card,.rv-case):hover{
  transform:translateY(-3px);
  box-shadow:0 22px 54px rgba(25,63,53,.075);
}

/* Shared return-to-top action. Hidden is respected natively. */
.pokladnicka-site .back-to-top{position:fixed;z-index:45;right:max(20px,env(safe-area-inset-right));bottom:var(--back-top-bottom,24px);width:50px;height:50px;display:grid;place-items:center;padding:0;background:var(--orange);color:var(--green-deep);border:1px solid #d88910;border-radius:14px;box-shadow:0 8px 24px rgba(23,59,48,.16);transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.pokladnicka-site .back-to-top[hidden]{display:none!important}
.pokladnicka-site .back-to-top svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pokladnicka-site .back-to-top:hover{background:#ffb13a;transform:translateY(-3px);box-shadow:0 12px 28px rgba(23,59,48,.20)}
.pokladnicka-site .back-to-top:focus-visible{outline:3px solid var(--green);outline-offset:4px}

/* Intermediate widths are where long Russian/Czech labels tend to squeeze. */
@media(max-width:1180px){
  .pokladnicka-site .demo-footer{margin-top:clamp(52px,6vw,72px)}
  .pokladnicka-site .web-cta{gap:36px}
}
@media(max-width:650px){
  .pokladnicka-site{font-size:16px}
  .pokladnicka-site main .eyebrow{margin-bottom:15px}
  .pokladnicka-site .demo-footer{margin-top:44px}
  .pokladnicka-site.review-page .demo-footer{margin-top:44px}
  .pokladnicka-site .back-to-top{right:max(14px,env(safe-area-inset-right));width:48px;height:48px}
  .pokladnicka-site :is(.rv-service,.services-task-grid>a,.service-children a,.system-choice-grid>a,.direct-contact-links a,.bridge-links a,.ai-scenario-links a,.special-related a,.web-project,.landing-project,.corp-project,.work-card,.rv-case):hover{transform:none;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){
  .pokladnicka-site .button,
  .pokladnicka-site .button .icon,
  .pokladnicka-site .text-link .icon,
  .pokladnicka-site .rv-card-link .icon,
  .pokladnicka-site .back-to-top,
  .pokladnicka-site :is(.rv-service,.services-task-grid>a,.service-children a,.system-choice-grid>a,.direct-contact-links a,.bridge-links a,.ai-scenario-links a,.special-related a,.web-project,.landing-project,.corp-project,.work-card,.rv-case){transition:none!important}
  .pokladnicka-site .button:hover .icon,
  .pokladnicka-site .text-link:hover .icon,
  .pokladnicka-site a:hover .rv-card-link .icon{transform:none}
}
@media print{.pokladnicka-site .back-to-top{display:none!important}.pokladnicka-site .demo-footer{margin-top:35px}}