/* ================================
   THEME 20: Managed WordPress (Enterprise WP Hosting)
   ================================ */

body.theme-wordpress {
  /* Primary Brand Color - WordPress Authority */
  --color-primary: #21759B;        /* WordPress blue */
  --color-primary-light: #3498C7;
  --color-primary-dark: #1A5F7A;
  --color-primary-darker: #0F4057;
  
  /* Secondary / CTA Color - Modern Premium */
  --color-secondary: #0073AA;       /* Premium CTA blue */
  --color-secondary-light: #1E8CBE;
  --color-secondary-dark: #005177;
  --color-secondary-darker: #003C59;
  
  /* Performance Accent - Speed/Optimization */
  --color-accent: #00A0D2;           /* Speed accent */
  --color-accent-light: #33B2DB;
  --color-accent-dark: #0077A3;
  
  /* RGB values */
  --color-primary-rgb: 33, 117, 155;   /* #21759B */
  --color-primary-light-rgb: 52, 152, 199;
  --color-primary-dark-rgb: 26, 95, 122;
  --color-primary-darker-rgb: 15, 64, 87;
  
  --color-secondary-rgb: 0, 115, 170;   /* #0073AA */
  --color-secondary-light-rgb: 30, 140, 190;
  --color-secondary-dark-rgb: 0, 81, 119;
  --color-secondary-darker-rgb: 0, 60, 89;
  
  --color-accent-rgb: 0, 160, 210;      /* #00A0D2 */
  --color-accent-light-rgb: 51, 178, 219;
  --color-accent-dark-rgb: 0, 119, 163;
  
  /* Borders - Subtle based on primary */
  --border-primary: rgba(33, 117, 155, 0.15);
  --border-secondary: rgba(33, 117, 155, 0.08);
  
  /* Gradients */
  /* Hero Gradient: linear-gradient(135deg, #0F4C81, #21759B) */
  --gradient-hero: linear-gradient(135deg, #0F4C81, #21759B);
  
  /* Horizontal gradient for CTAs */
  --gradient-horizontal: linear-gradient(90deg, #0073AA, #21759B, #00A0D2);
  
  /* Primary gradient for cards */
  --gradient-primary: linear-gradient(135deg, #0F4057, #1A5F7A, #21759B);
  
  /* Card header gradient */
  --gradient-card-header: linear-gradient(145deg, #0F4057, #1A5F7A, #21759B);
  
  /* Shadows - WordPress blue tinted */
  --shadow-md: 0 10px 20px rgba(33, 117, 155, 0.15);
  --shadow-lg: 0 15px 30px rgba(33, 117, 155, 0.2);
  --shadow-xl: 0 20px 40px rgba(33, 117, 155, 0.12);
  --shadow-glow: 0 0 30px rgba(33, 117, 155, 0.2);
  
  /* Text colors - for white website background */
  --text-primary: #1F2937;           /* Dark gray for headings */
  --text-secondary: #4B5563;         /* Medium gray for body text */
  --text-tertiary: #6B7280;           /* Light gray for meta */
  --text-inverse: #FFFFFF;            /* White text on dark backgrounds */
  --text-accent: var(--color-primary); /* Accent text */
  
  /* Background colors - alternating sections */
  --bg-light-blue: #F4F8FB;           /* Subtle blue tint for alternating sections */
  --surface-primary: #FFFFFF;          /* White for main sections */
  --surface-secondary: var(--bg-light-blue); /* Light blue for alternating */
  
  /* Status colors */
  --status-success: #10B981;
  --status-success-light: rgba(16, 185, 129, 0.1);
  --status-warning: #F59E0B;
  --status-warning-light: rgba(245, 158, 11, 0.1);
  --status-info: var(--color-accent);
  --status-info-light: rgba(0, 160, 210, 0.1);
}

/* ================================
   WORDPRESS-SPECIFIC CLASSES
   Prefix: wp-
   ================================ */

/* WordPress Plan Cards */
.wp-plan {
  border: 1px solid var(--border-primary);
  transition: var(--transition-base);
  width: 100%;
  overflow: hidden;
  background: var(--surface-primary);
  border-radius: var(--radius-2xl);
  position: relative;
  margin-bottom: var(--space-xl);
}

.wp-plan:hover {
  border-color: var(--color-primary);
  box-shadow: var(--shadow-xl);
  transform: translateY(-5px);
}

.wp-plan .plan-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--space-lg);
  margin-bottom: var(--space-xl);
  justify-content: center;
}

.wp-plan .plan-title {
  font-size: var(--font-size-5xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin: 0;
}

.wp-plan .specs-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-lg);
  margin-top: var(--space-sm);
}

/* Location Badge */
.wp-location-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-xs);
  padding: var(--space-xs) var(--space-md);
  background: rgba(var(--color-secondary-rgb), 0.1);
  border-radius: var(--radius-full);
  color: var(--color-secondary);
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-bold);
  margin-left: var(--space-sm);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wp-location-badge i {
  font-size: var(--font-size-xs);
  color: var(--color-secondary);
}

/* Staging Badge */
.wp-staging-badge {
  display: inline-block;
  padding: 2px 8px;
  background: rgba(var(--color-accent-rgb), 0.1);
  color: var(--color-accent);
  border-radius: var(--radius-full);
  font-size: 10px;
  font-weight: var(--font-weight-bold);
  margin-left: 6px;
  border: 1px solid rgba(var(--color-accent-rgb), 0.2);
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

/* WordPress Feature Cards */
.wp-feature-card {
  background: var(--surface-primary);
  border-radius: var(--radius-3xl);
  overflow: hidden;
  box-shadow: 0 15px 35px rgba(var(--color-black-rgb), 0.05);
  border: 1px solid var(--border-primary);
  height: 100%;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.wp-feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 40px rgba(var(--color-secondary-rgb), 0.1);
  border-color: rgba(var(--color-secondary-rgb), 0.3);
}

/* WordPress Comparison Table */
.wp-comparison-table {
  width: 100%;
  border-collapse: collapse;
  background: var(--surface-primary);
  border-radius: var(--radius-2xl);
  overflow: hidden;
  box-shadow: var(--shadow-sm);
  font-size: var(--font-size-sm);
}

.wp-comparison-table th {
  background: var(--gradient-card-header);
  color: var(--text-inverse);
  padding: var(--space-lg);
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lg);
  text-align: center;
  border: none;
}

.wp-comparison-table td {
  padding: var(--space-md) var(--space-lg);
  border-bottom: 1px solid var(--border-secondary);
  color: var(--text-secondary);
  text-align: center;
}

.wp-comparison-table tr:last-child td {
  border-bottom: none;
}

.wp-comparison-table td:first-child {
  font-weight: var(--font-weight-semibold);
  color: var(--text-primary);
  background: rgba(var(--color-primary-rgb), 0.02);
  text-align: left;
}

.wp-comparison-table td i.fa-check-circle {
  color: var(--color-primary);
  font-size: var(--font-size-xl);
}

/* WordPress Speed Badge */
.wp-speed-badge {
  background: var(--color-accent) !important;
  color: var(--text-inverse) !important;
  border-color: rgba(var(--color-accent-rgb), 0.3) !important;
}

/* WordPress CTA Button */
.wp-cta-btn {
  background: var(--color-secondary) !important;
  color: var(--text-inverse) !important;
  border: none !important;
  transition: all 0.3s ease !important;
  border-radius: var(--radius-full);
  padding: var(--space-md) var(--space-3xl);
  font-weight: var(--font-weight-semibold);
  display: inline-block;
  text-decoration: none;
  box-shadow: var(--shadow-md);
}

.wp-cta-btn:hover {
  background: var(--color-secondary-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 20px rgba(0, 115, 170, 0.3) !important;
  color: var(--text-inverse) !important;
  text-decoration: none !important;
}

/* Hero Section Gradient */
.wp-hero-gradient {
  background: linear-gradient(135deg, #0F4C81, #21759B) !important;
}

/* Light Blue Section Background */
.wp-section-light-blue {
  background: #F4F8FB !important;
}

/* Performance Accent Elements */
.wp-performance-accent {
  color: var(--color-accent) !important;
}

.wp-performance-bg {
  background: var(--color-accent) !important;
  color: var(--text-inverse) !important;
}

.wp-performance-border {
  border-color: var(--color-accent) !important;
}

/* WordPress Icon Colors */
.wp-icon {
  color: var(--color-primary) !important;
}

.wp-icon-accent {
  color: var(--color-accent) !important;
}

.wp-icon-secondary {
  color: var(--color-secondary) !important;
}

/* WordPress Section Headers */
.wp-section-header {
  text-align: center;
  margin-bottom: var(--space-4xl);
}

.wp-section-header h2 {
  font-size: var(--font-size-9xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--space-md);
}

.wp-section-header h2 span {
  color: var(--color-primary);
}

.wp-section-header p {
  color: var(--text-secondary);
  max-width: 600px;
  margin: 0 auto;
  font-size: var(--font-size-lg);
}

/* WordPress Feature Grid Icons */
.wp-feature-icon {
  width: 100px;
  height: 100px;
  background: rgba(var(--color-primary-rgb), 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-lg);
  transition: var(--transition-base);
}

.wp-feature-icon i {
  color: var(--color-primary);
  font-size: 40px;
  transition: var(--transition-base);
}

.wp-feature-icon:hover {
  background: var(--color-primary);
  transform: scale(1.05);
}

.wp-feature-icon:hover i {
  color: var(--text-inverse);
}

/* WordPress Feature Title */
.wp-feature-title {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-bold);
  color: var(--text-primary);
  margin-bottom: var(--space-md);
  text-align: center;
}

/* WordPress Feature Description */
.wp-feature-desc {
  color: var(--text-secondary);
  line-height: 1.6;
  text-align: center;
  font-size: var(--font-size-md);
}

/* WordPress Plan Image Circle */
.wp-plan-image-circle {
  width: 80px;
  height: 80px;
  background: rgba(var(--color-primary-rgb), 0.1);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto var(--space-lg);
}

.wp-plan-image-circle i {
  color: var(--color-primary);
  font-size: 40px;
}

/* WordPress Support Section */
.wp-support-section {
  background: var(--surface-overlay);
  backdrop-filter: blur(10px);
  border-radius: var(--radius-2xl);
  padding: var(--space-4xl);
}

.wp-support-section .speed-badge {
  background: rgba(var(--color-primary-rgb), 0.2);
  color: var(--color-primary);
  margin-bottom: var(--space-xl);
}

.wp-support-section h4 {
  color: var(--text-inverse);
  margin-bottom: var(--space-xl);
  font-size: var(--font-size-9xl);
}

.wp-support-section p {
  color: rgba(255, 255, 255, 0.9);
  margin-bottom: var(--space-xl);
}

.wp-support-section ul {
  list-style: none;
  padding: 0;
  margin-bottom: var(--space-2xl);
}

.wp-support-section ul li {
  margin-bottom: var(--space-md);
  color: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
}

.wp-support-section ul li i {
  color: var(--color-primary);
  margin-right: 10px;
}

/* WordPress Modern Section */
.wp-modern-section {
  padding: var(--space-6xl) 0;
  overflow: hidden;
}

.wp-modern-img {
  background-image: url('https://cdn.underhost.com/images/slideword.jpg');
  background-size: cover;
  background-position: center;
  min-height: 500px;
  border-radius: var(--radius-3xl);
}

/* WordPress FAQ Customization */
body.theme-wordpress .faq-badge {
  background: linear-gradient(90deg, rgba(33, 117, 155, 0.1), rgba(33, 117, 155, 0.15));
  color: var(--color-primary);
  border: 1px solid rgba(33, 117, 155, 0.2);
}

body.theme-wordpress .faq-dot {
  background: var(--color-primary) !important;
  box-shadow: 0 0 10px var(--color-primary) !important;
}

body.theme-wordpress .faq-divider-line {
  background: linear-gradient(90deg, transparent, var(--color-primary), transparent) !important;
}

body.theme-wordpress .faq-highlighted {
  background: rgba(33, 117, 155, 0.04) !important;
  border-left-color: var(--color-primary) !important;
}

body.theme-wordpress .faq-contact-btn {
  background: var(--color-primary) !important;
  box-shadow: 0 8px 20px rgba(33, 117, 155, 0.2) !important;
}

body.theme-wordpress .faq-contact-btn:hover {
  background: var(--color-primary-dark) !important;
}

body.theme-wordpress .faq-title span {
  color: var(--color-primary) !important;
}

/* Responsive */
@media (max-width: 991px) {
  .wp-modern-img {
    min-height: 400px;
    margin-bottom: var(--space-2xl);
  }
  
  .wp-plan .specs-grid {
    grid-template-columns: 1fr;
  }
  
  .wp-comparison-table {
    font-size: var(--font-size-xs);
  }
  
  .wp-comparison-table th,
  .wp-comparison-table td {
    padding: var(--space-sm);
  }
}

@media (max-width: 768px) {
  .wp-modern-img {
    min-height: 300px;
  }
  
  .wp-support-section {
    padding: var(--space-2xl);
  }
  
  .wp-support-section h4 {
    font-size: var(--font-size-7xl);
  }
  
  .wp-feature-icon {
    width: 80px;
    height: 80px;
  }
  
  .wp-feature-icon i {
    font-size: 32px;
  }
  
  .wp-comparison-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  
  .wp-location-badge {
    font-size: 10px;
    padding: 2px 8px;
  }
}

@media (max-width: 480px) {
  .wp-modern-img {
    min-height: 200px;
  }
  
  .wp-support-section {
    padding: var(--space-xl);
  }
  
  .wp-support-section h4 {
    font-size: var(--font-size-6xl);
  }
  
  .wp-location-badge {
    display: block;
    margin-left: 0;
    margin-top: var(--space-xs);
    text-align: center;
  }
}
/* Fix for button outlines and rectangles */
.btn-speed, 
.btn-speed-outline,
a[class*="btn"],
a[href="#faq"],
a[href="#features"],
a[href="#uplans"] {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-speed:focus,
.btn-speed-outline:focus,
a[class*="btn"]:focus,
a[href="#faq"]:focus,
a[href="#features"]:focus,
a[href="#uplans"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Fix for button outlines and rectangles */
.btn-speed, 
.btn-speed-outline,
a[class*="btn"] {
    text-decoration: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.btn-speed:focus,
.btn-speed-outline:focus,
a[class*="btn"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Secondary button hover effect without border */
.wp-modern-section a[href="#features"] {
    transition: all 0.3s ease !important;
}

.wp-modern-section a[href="#features"]:hover {
    background-color: rgba(33, 117, 155, 0.05) !important;
    transform: translateX(5px) !important;
    text-decoration: none !important;
}

.wp-modern-section a[href="#features"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Feature chips styling */
.wp-modern-section [style*="border-radius: var(--radius-full)"] {
    transition: all 0.3s ease;
}

.wp-modern-section [style*="border-radius: var(--radius-full)"]:hover {
    background: rgba(var(--color-primary-rgb), 0.1) !important;
    transform: translateY(-2px);
}
/* Secondary button hover effect without border */
.supporttextholder a[href="#faq"] {
    transition: all 0.3s ease !important;
}

.supporttextholder a[href="#faq"]:hover {
    background-color: rgba(0, 160, 210, 0.15) !important;
    transform: translateX(5px) !important;
    text-decoration: none !important;
}

.supporttextholder a[href="#faq"]:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* Primary button hover enhancement */
.supporttextholder .btn-speed:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 15px 30px rgba(0, 160, 210, 0.3) !important;
}
/* WordPress divider hover effect */
.uh-divider--wordpress-dark .uh-divider-icon,
.uh-divider--wordpress-premium .uh-divider-icon {
    transition: all 0.3s ease;
}

.uh-divider--wordpress-dark .uh-divider-icon:hover,
.uh-divider--wordpress-premium .uh-divider-icon:hover {
    transform: scale(1.15) rotate(5deg);
    box-shadow: 0 0 50px rgba(0, 160, 210, 0.8);
}

/* Pulse animation for the premium version */
@keyframes pulseGlow {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .uh-divider--wordpress-premium .uh-divider-icon {
        width: 50px !important;
        height: 50px !important;
    }
    
    .uh-divider--wordpress-premium .uh-divider-icon img {
        width: 26px !important;
        height: 26px !important;
    }
    
    .uh-divider--wordpress-premium [style*="display: flex; align-items: center; gap: 5px;"] {
        display: none !important;
    }
    
    .uh-divider--wordpress-dark p {
        font-size: 12px !important;
    }
}
/* Mobile Responsive Improvements */
@media (max-width: 768px) {
    .wp-section-light-blue [class*="col-md-4"] {
        margin-bottom: 20px !important;
    }
    
    .wp-section-light-blue [class*="col-md-4"] > div {
        padding: var(--space-xl) !important;
    }
    
    .wp-section-light-blue h3 {
        font-size: var(--font-size-xl) !important;
        margin-bottom: var(--space-md) !important;
    }
    
    .wp-section-light-blue p {
        font-size: var(--font-size-sm) !important;
        margin-bottom: var(--space-lg) !important;
    }
    
    .wp-section-light-blue [style*="width: 60px; height: 60px;"] {
        width: 50px !important;
        height: 50px !important;
        margin-bottom: var(--space-lg) !important;
    }
    
    .wp-section-light-blue [style*="width: 60px; height: 60px;"] i {
        font-size: 24px !important;
    }
    
    .wp-section-light-blue [style*="gap: var(--space-xs);"] {
        gap: 8px !important;
    }
    
    .wp-section-light-blue [style*="padding: 4px 12px;"] {
        padding: 4px 10px !important;
        font-size: 10px !important;
    }
}

@media (max-width: 480px) {
    .wp-section-light-blue [class*="col-md-4"] {
        margin-bottom: 15px !important;
    }
    
    .wp-section-light-blue h2.text42 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: var(--space-lg) !important;
    }
    
    .wp-section-light-blue p.text18 {
        font-size: 14px !important;
        margin-bottom: var(--space-xl) !important;
    }
    
    .wp-section-light-blue [style*="flex-wrap: wrap; gap: var(--space-sm);"] {
        gap: 6px !important;
    }
    
    .wp-section-light-blue [style*="padding: 6px 14px;"] {
        padding: 4px 10px !important;
        font-size: 9px !important;
    }
}
/* WordPress theme overrides for comparison table */
body.theme-wordpress .modern-comparison-table .plan-name {
    color: var(--color-primary) !important;
}

body.theme-wordpress .modern-comparison-table thead th {
    border-bottom-color: rgba(var(--color-primary-rgb), 0.2);
}

body.theme-wordpress .badge-unlimited {
    background: rgba(var(--color-primary-rgb), 0.1);
    color: var(--color-primary);
}

body.theme-wordpress .price-currency,
body.theme-wordpress .price-amount {
    color: var(--color-primary) !important;
}

body.theme-wordpress .btn-order {
    background: linear-gradient(90deg, var(--color-primary), var(--color-accent));
    border: none;
}

body.theme-wordpress .btn-order:hover {
    background: linear-gradient(90deg, var(--color-primary-dark), var(--color-accent-dark));
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(var(--color-primary-rgb), 0.3);
}

body.theme-wordpress .free-domain-row {
    background: rgba(var(--color-primary-rgb), 0.05);
}

body.theme-wordpress .annual-highlight {
    background: rgba(var(--color-accent-rgb), 0.05);
}

body.theme-wordpress .wp-staging-badge {
    background: rgba(var(--color-accent-rgb), 0.1);
    color: var(--color-accent);
    border: 1px solid rgba(var(--color-accent-rgb), 0.2);
}

/* Mobile card styles for WordPress */
@media (max-width: 767px) {
    .plan-card-header {
        background: linear-gradient(145deg, var(--color-primary-darker), var(--color-primary), var(--color-accent));
    }
    
    .plan-card-name {
        color: white;
    }
    
    .plan-card-subtitle {
        color: rgba(255,255,255,0.9);
    }
    
    .feature-label i {
        color: var(--color-primary) !important;
    }
    
    .feature-value .badge-unlimited {
        background: rgba(var(--color-primary-rgb), 0.1);
        color: var(--color-primary);
    }
    
    .feature-value i.fa-check-circle {
        color: var(--color-primary) !important;
    }
}
.feature-card-2026 {
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transform: translateY(0);
    cursor: pointer;
    min-height: 100%;
}

.feature-card-2026:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 30px 60px rgba(0,0,0,0.5);
    border-color: rgba(255,255,255,0.2);
}

.feature-card-2026:hover .card-border-animation {
    opacity: 1;
    animation: borderRotate 3s linear infinite;
}

@keyframes borderRotate {
    0% { filter: hue-rotate(0deg); }
    100% { filter: hue-rotate(360deg); }
}

@keyframes floatReverse {
    0%, 100% { transform: translate(0, 0) rotate(0deg); }
    50% { transform: translate(30px, -30px) rotate(10deg); }
}

.equal-height-row {
    display: flex;
    flex-wrap: wrap;
}

.equal-height-row > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .feature-card-2026 {
        padding: 30px 20px !important;
    }
    
    .feature-card-2026 h4 {
        font-size: 20px !important;
    }
    
    .feature-card-2026 p {
        font-size: 14px !important;
    }
    
    .feature-card-2026 [style*="width: 100px; height: 100px;"] {
        width: 80px !important;
        height: 80px !important;
    }
    
    .feature-card-2026 [style*="width: 100px; height: 100px;"] i {
        font-size: 36px !important;
    }
    
    .topmargin50 [style*="display: inline-block;"] {
        display: flex !important;
        flex-direction: column !important;
        gap: 15px !important;
        text-align: center !important;
        padding: 20px !important;
    }
}

@media (max-width: 480px) {
    .feature-card-2026 {
        padding: 25px 15px !important;
    }
    
    .equal-height-row {
        margin: 0 !important;
    }
    
    .equal-height-row > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
/* WordPress divider hover effect */
.uh-divider--wordpress-dark .uh-divider-icon,
.uh-divider--wordpress-premium .uh-divider-icon {
    transition: all 0.3s ease;
}

.uh-divider--wordpress-dark .uh-divider-icon:hover,
.uh-divider--wordpress-premium .uh-divider-icon:hover {
    transform: scale(1.15) rotate(5deg);
    box-shadow: 0 0 50px rgba(0, 160, 210, 0.8);
}

/* Pulse animation for the premium version */
@keyframes pulseGlow {
    0%, 100% { opacity: 0.3; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(1.1); }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .uh-divider--wordpress-premium .uh-divider-icon {
        width: 50px !important;
        height: 50px !important;
    }
    
    .uh-divider--wordpress-premium .uh-divider-icon img {
        width: 26px !important;
        height: 26px !important;
    }
    
    .uh-divider--wordpress-premium [style*="display: flex; align-items: center; gap: 5px;"] {
        display: none !important;
    }
    
    .uh-divider--wordpress-dark p {
        font-size: 12px !important;
    }
}
.hover-glow {
    transition: opacity 0.5s ease;
}

.wp-modern-section [class*="col-md-4"]:hover .hover-glow {
    opacity: 1;
}

@keyframes float {
    0%, 100% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-20px) rotate(5deg); }
}
/* ================================
   MOBILE BUTTON FIXES - WordPress Page
   ================================ */

@media (max-width: 768px) {
    /* Fix for "COMPLETE TECHNICAL SPECIFICATIONS" button */
    .row a[href="#compare"].btn-speed {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
        text-align: center !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.4 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        min-height: 60px !important;
    }
    
    /* Fix for dual buttons container (VIEW WORDPRESS PLANS + SEE FEATURES) */
    .wp-modern-section [style*="display: flex; gap: var(--space-md); flex-wrap: wrap;"] {
        flex-direction: column !important;
        width: 100% !important;
    }
    
    .wp-modern-section a[href="#uplans"].btn-speed {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
        justify-content: center !important;
        min-height: 60px !important;
    }
    
    .wp-modern-section a[href="#features"] {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
        justify-content: center !important;
        background-color: rgba(33, 117, 155, 0.03) !important;
        border-radius: 50px !important;
        min-height: 60px !important;
    }
    
    .wp-modern-section a[href="#features"]:hover {
        background-color: rgba(33, 117, 155, 0.1) !important;
    }
    
    /* Fix for FAQ CTA button */
    .faq-cta a.btn-speed {
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 20px !important;
        font-size: 16px !important;
        justify-content: center !important;
        white-space: normal !important;
        word-wrap: break-word !important;
        text-align: center !important;
        min-height: 60px !important;
    }
    
    /* Fix for any other general buttons */
    .btn-speed {
        white-space: normal !important;
        word-wrap: break-word !important;
        line-height: 1.4 !important;
    }
}

/* Extra small devices */
@media (max-width: 480px) {
    .row a[href="#compare"].btn-speed,
    .wp-modern-section a[href="#uplans"].btn-speed,
    .wp-modern-section a[href="#features"],
    .faq-cta a.btn-speed {
        font-size: 14px !important;
        padding: 14px 15px !important;
        min-height: 55px !important;
    }
    
    .btn-speed i {
        font-size: 16px !important;
    }
}