/* =================================================================
   UNIFIED COMPACT BUTTONS — еднакви размери на всички страници
   Зарежда се последен след page-specific CSS
   (не засяга header / mobile nav)
   ================================================================= */

body[class$="-page"] {
    --btn-pad-y: clamp(0.46rem, 0.85vw, 0.58rem);
    --btn-pad-x: clamp(0.72rem, 1.4vw, 0.95rem);
    --btn-font: clamp(0.68rem, 1.1vw, 0.78rem);
    --btn-radius: 0.5rem;
    --btn-gap: 0.38rem;
    --btn-min-h: 2rem;
}

body[class$="-page"] :is(
    main,
    footer,
    .page-actions,
    .hero-section,
    .section,
    .contact-content,
    .pricing-card,
    .service-actions,
    .services-overview-action,
    .industries-cta,
    .about-card,
    .msp-calculator-actions
) :is(
    .btn,
    a.btn,
    button.btn,
    input.btn,
    .btn-primary,
    .btn-secondary,
    .btn-outline,
    .btn-ghost,
    .btn-sm,
    .btn-lg,
    .btn-large,
    .btn-xl,
    .btn-full,
    .btn-block
),
body[class$="-page"] main .contact-form button[type="submit"],
body[class$="-page"] .section .contact-form button[type="submit"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: var(--btn-gap) !important;
    padding: var(--btn-pad-y) var(--btn-pad-x) !important;
    font-size: var(--btn-font) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    min-height: var(--btn-min-h) !important;
    border-radius: var(--btn-radius) !important;
    white-space: nowrap !important;
}

body[class$="-page"] :is(main, footer, .page-actions, .section) :is(.btn-block, .btn-full) {
    width: 100% !important;
}

body[class$="-page"] :is(main, footer, .page-actions, .section) .btn :is(i, .fas, .fab, .far) {
    font-size: 0.88em !important;
    line-height: 1 !important;
}

body[class$="-page"] :is(main, footer, .page-actions, .section) .btn:hover:not(:disabled),
body[class$="-page"] :is(main, footer, .page-actions, .section) a.btn:hover {
    transform: translateY(-1px) !important;
}

body[class$="-page"] :is(
    .hero-buttons,
    .cta-buttons,
    .direct-contact,
    .service-actions,
    .industries-cta,
    .page-actions
) {
    gap: var(--btn-gap) !important;
}

@media (max-width: 767px) {
    body[class$="-page"] :is(main, footer, .page-actions, .section) :is(.btn, a.btn, button.btn) {
        min-height: var(--btn-min-h) !important;
    }
}

/* [hidden] must win over display: inline-flex !important above */
body[class$="-page"] :is(
    main,
    footer,
    .page-actions,
    .hero-section,
    .section,
    .contact-content,
    .pricing-card,
    .service-actions,
    .services-overview-action,
    .industries-cta,
    .about-card,
    .msp-calculator-actions
) :is(.btn[hidden], a.btn[hidden], button.btn[hidden], input.btn[hidden]) {
    display: none !important;
}