/* ================== English Version Button Styles ================== */
/* Same button sizes as Russian version with body.en-version prefix */

/* CTA outline button in header - EXACT same fixed size as EN footer button */
/* High specificity selectors to override all base styles including clamp() */
body.en-version #siteHeader .uv-cta-outline,
body.en-version #siteHeader a.uv-cta-outline,
body.en-version .uv-header-controls .uv-cta-outline,
body.en-version .uv-header-controls a.uv-cta-outline,
body.en-version .uv-cta-outline,
body.en-version a.uv-cta-outline,
body.en-version .wp-block-button__link.uv-cta-outline,
body.en-version #siteHeader .wp-block-button__link.uv-cta-outline {
  display: inline-flex !important;
  padding: 10px 20px !important;
  border: 1px solid var(--uv-border) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  color: var(--uv-text) !important;
  background: transparent !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  align-items: center !important;
  justify-content: center !important;
  height: auto !important;
  white-space: nowrap !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  min-height: auto !important;
  width: auto !important;
  max-width: none !important;
  min-width: unset !important;
  font-weight: 600 !important;
  position: relative !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

/* iPhone-like fill animation */
body.en-version .uv-cta-outline::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: linear-gradient(135deg, var(--uv-primary), #A78BFA);
  transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 999px;
  z-index: -1;
}

body.en-version .uv-cta-outline:hover::before {
  width: 100%;
}

body.en-version .uv-cta-outline:hover {
  transform: translateY(-1px);
  color: white !important;
  border-color: var(--uv-primary);
  box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
}

/* Dark theme styles for CTA */
body.en-version:root.uv-dark .uv-cta-outline::before {
  background: linear-gradient(135deg, #A78BFA, #C7D2FE);
}

body.en-version:root.uv-dark .uv-cta-outline:hover {
  color: var(--uv-bg) !important;
  box-shadow: 0 4px 12px rgba(167, 139, 250, 0.4);
}

/* Base button styles - same as RU */
body.en-version .uv-glass-btn {
  font-size: clamp(14px, 1.6vw, 16px) !important;
  padding: clamp(10px, 2vw, 12px) clamp(20px, 4vw, 32px) !important;
}

/* Hero buttons - same as RU */
body.en-version .uv-hero-buttons .uv-glass-btn { 
  height: 44px; 
  padding: 0 20px; 
  font-size: clamp(14px, 1.6vw, 16px); 
  font-weight: 600; 
}

/* About section button - same as RU */
body.en-version .uv-photo-column .uv-glass-btn {
  margin: 0;
  float: none;
  text-align: center;
}

/* Footer button - same as header button */
body.en-version footer .uv-footer-right .uv-glass-btn,
body.en-version footer .uv-glass-btn {
  width: auto !important;
  min-width: unset !important;
  max-width: none !important;
  padding: 10px 20px !important;
  font-size: 16px !important;
  min-height: auto !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

/* Extra specific override for style.css base button styles */
body.en-version footer .uv-footer-right .uv-glass-btn,
body.en-version footer .uv-footer-right .uv-glass-btn--accent,
body.en-version footer .wp-block-button__link.uv-glass-btn,
body.en-version footer .wp-block-button__link.uv-glass-btn--accent,
body.en-version footer .uv-glass-btn,
body.en-version footer .uv-glass-btn--accent,
body.en-version footer .wp-block-button__link.uv-glass-btn,
body.en-version footer .wp-block-button__link.uv-glass-btn--accent {
  min-width: unset !important;
  min-height: auto !important;
  width: auto !important;
}

/* Cases section buttons - same as RU */
body.en-version .uv-case-content .uv-glass-btn {
  margin-top: 13px;
  flex-shrink: 0;
  align-self: flex-start;
  padding: clamp(3px, 0.6vw, 6px) clamp(16px, 2vw, 24px) !important;
  font-size: clamp(12px, 1.2vw, 14px) !important;
  min-height: clamp(20px, 2vw, 26px) !important;
  max-height: clamp(20px, 2vw, 26px) !important;
}

/* Header CTA button - same as RU */
body.en-version .uv-header-controls .uv-glass-btn {
  border-radius: 999px;
  display: flex;
  align-items: center;
  height: clamp(28px, 4vw, 40px);
  padding: 0 clamp(8px, 1.5vw, 16px);
  font-size: clamp(12px, 1.8vw, 16px);
  font-weight: 600;
  white-space: nowrap;
  flex-shrink: 0;
}

/* ================== RESPONSIVE BUTTON STYLES ================== */

/* Tablet (max-width: 768px) */
@media (max-width: 768px) {
  body.en-version .uv-glass-btn {
    font-size: clamp(13px, 2vw, 15px) !important;
    padding: clamp(8px, 2.5vw, 10px) clamp(16px, 5vw, 24px) !important;
  }
  
  body.en-version .uv-hero-buttons .uv-glass-btn {
    height: 40px;
    padding: 0 16px;
    font-size: 14px;
  }
  
  body.en-version .uv-case-content .uv-glass-btn {
    padding: 4px 16px !important;
    font-size: 12px !important;
    min-height: 22px !important;
    max-height: 22px !important;
  }
}

/* Small mobile (max-width: 480px) */
@media (max-width: 480px) {
  body.en-version .uv-glass-btn {
    font-size: clamp(12px, 3vw, 14px) !important;
    padding: clamp(6px, 3vw, 8px) clamp(12px, 6vw, 20px) !important;
  }
  
  /* Footer button on small mobile */
  body.en-version footer .uv-footer-right .uv-glass-btn,
  body.en-version footer .uv-glass-btn {
    padding: 8px 16px !important;
    font-size: 12px !important;
    min-width: unset !important; /* Override base min-width */
    min-height: auto !important; /* Override base min-height */
  }
  
  body.en-version .uv-hero-buttons .uv-glass-btn {
    height: 32px;
    padding: 0 12px;
    font-size: 12px;
  }
  
  body.en-version .uv-case-content .uv-glass-btn {
    width: 100% !important;
    max-width: 200px !important;
    margin: 15px auto 0 auto !important;
    padding: 12px 20px !important;
    font-size: 14px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    text-align: center !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* Extra small mobile (max-width: 360px) */
@media (max-width: 360px) {
  body.en-version .uv-glass-btn {
    font-size: clamp(11px, 4vw, 13px) !important;
    padding: clamp(4px, 4vw, 6px) clamp(8px, 8vw, 16px) !important;
  }
  
  /* Footer button on extra small mobile */
  body.en-version footer .uv-footer-right .uv-glass-btn,
  body.en-version footer .uv-glass-btn {
    padding: 6px 12px !important;
    font-size: 11px !important;
    min-width: unset !important; /* Override base min-width */
    min-height: auto !important; /* Override base min-height */
  }
}

/* Very small screens (max-width: 320px) */
@media (max-width: 320px) {
  body.en-version .uv-glass-btn {
    font-size: clamp(10px, 3.5vw, 12px) !important;
    padding: clamp(3px, 3vw, 5px) clamp(6px, 6vw, 12px) !important;
    min-height: 32px !important;
  }
  
  /* Footer button on very small screens */
  body.en-version footer .uv-footer-right .uv-glass-btn,
  body.en-version footer .uv-glass-btn {
    padding: 4px 8px !important;
    font-size: 10px !important;
    min-width: unset !important; /* Override base min-width */
    min-height: auto !important; /* Override base min-height */
  }
}

/* Large screens (min-width: 1400px) */
@media (min-width: 1400px) {
  body.en-version .uv-case-content .uv-glass-btn {
    padding: 6px 20px !important;
    font-size: 14px !important;
    min-height: 28px !important;
    max-height: 28px !important;
  }
}

/* Very large screens (min-width: 1600px) */
@media (min-width: 1600px) {
  body.en-version .uv-case-content .uv-glass-btn {
    padding: 8px 24px !important;
    font-size: 15px !important;
    min-height: 32px !important;
    max-height: 32px !important;
  }
}

/* Desktop header buttons (min-width: 1280px) */
@media (min-width: 1280px) {
  body.en-version .uv-header-controls .uv-glass-btn {
    height: var(--desktop-btn-height) !important;
    padding: 0 var(--desktop-btn-padding) !important;
    font-size: var(--desktop-btn-font) !important;
    white-space: nowrap;
    flex-shrink: 0;
  }
}

/* Desktop header buttons (1440px-1919px) */
@media (min-width: 1440px) and (max-width: 1919px) {
  body.en-version .uv-header-controls .uv-glass-btn {
    height: 42px !important;
    padding: 0 18px !important;
    font-size: 15px !important;
  }
}

/* Desktop header buttons (1920px+) */
@media (min-width: 1920px) {
  body.en-version .uv-header-controls .uv-glass-btn {
    height: 48px !important;
    padding: 0 22px !important;
    font-size: 17px !important;
  }
}

/* ================== ТОЧНЫЕ РАЗРЕШЕНИЯ ДЛЯ EN BUTTONS ================== */

/* 1280x800 */
@media (min-width: 1280px) and (max-width: 1280px) and (min-height: 800px) and (max-height: 800px) {
  body.en-version .uv-header-controls .wp-block-button__link { font-size: 11px !important; padding: 0 10px !important; min-height: 32px !important; }
  body.en-version .uv-footer .wp-block-button__link { font-size: 11px !important; padding: 0 12px !important; min-height: 32px !important; }
}

/* 1280x1024 */
@media (min-width: 1280px) and (max-width: 1280px) and (min-height: 1024px) and (max-height: 1024px) {
  body.en-version .uv-header-controls .wp-block-button__link { font-size: 10px !important; padding: 0 8px !important; min-height: 30px !important; }
  body.en-version .uv-footer .wp-block-button__link { font-size: 10px !important; padding: 0 10px !important; min-height: 30px !important; }
}

/* 1366x768 */
@media (min-width: 1366px) and (max-width: 1366px) and (min-height: 768px) and (max-height: 768px) {
  body.en-version .uv-header-controls .wp-block-button__link { font-size: 12px !important; padding: 0 14px !important; min-height: 36px !important; }
  body.en-version .uv-footer .wp-block-button__link { font-size: 12px !important; padding: 0 14px !important; min-height: 36px !important; }
}

/* 1440x900 */
@media (min-width: 1440px) and (max-width: 1440px) and (min-height: 900px) and (max-height: 900px) {
  body.en-version .uv-header-controls .wp-block-button__link { font-size: 13px !important; padding: 0 16px !important; min-height: 38px !important; }
  body.en-version .uv-footer .wp-block-button__link { font-size: 13px !important; padding: 0 16px !important; min-height: 38px !important; }
}

/* 1536x864 */
@media (min-width: 1536px) and (max-width: 1536px) and (min-height: 864px) and (max-height: 864px) {
  body.en-version .uv-header-controls .wp-block-button__link { font-size: 13px !important; padding: 0 16px !important; min-height: 38px !important; }
  body.en-version .uv-footer .wp-block-button__link { font-size: 13px !important; padding: 0 16px !important; min-height: 38px !important; }
}

/* 1600x900 */
@media (min-width: 1600px) and (max-width: 1600px) and (min-height: 900px) and (max-height: 900px) {
  body.en-version .uv-header-controls .wp-block-button__link { font-size: 14px !important; padding: 0 18px !important; min-height: 40px !important; }
  body.en-version .uv-footer .wp-block-button__link { font-size: 14px !important; padding: 0 18px !important; min-height: 40px !important; }
}

/* 1920x1080 */
@media (min-width: 1920px) and (max-width: 1920px) and (min-height: 1080px) and (max-height: 1080px) {
  body.en-version .uv-header-controls .wp-block-button__link { font-size: 15px !important; padding: 0 20px !important; min-height: 42px !important; }
  body.en-version .uv-footer .wp-block-button__link { font-size: 15px !important; padding: 0 20px !important; min-height: 42px !important; }
}

/* 2560x1440 */
@media (min-width: 2560px) and (max-width: 2560px) and (min-height: 1440px) and (max-height: 1440px) {
  body.en-version .uv-header-controls .wp-block-button__link { font-size: 17px !important; padding: 0 24px !important; min-height: 46px !important; }
  body.en-version .uv-footer .wp-block-button__link { font-size: 17px !important; padding: 0 24px !important; min-height: 46px !important; }
}

/* Cache buster: 2025-10-08 01:55:00 */