/*
Theme Name: Divi Child Fixed
Theme URI: https://dimaktech.com
Description: Optimized child theme for Divi with accessibility & SEO fixes
Author: DimakTech
Author URI: https://dimaktech.com
Template: Divi
Version: 1.3.2
*/

/* ================================
   WhatsApp Floating Button (Green + Yellow)
   ================================ */
.whatsapp-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;
}

.whatsapp-float a {
  display: flex;
  align-items: center;
  background: #4FCE5D; /* WhatsApp green */
  color: #000000 !important; /* Black text */
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 50px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.3);
  animation: pulse 1.5s infinite;
  white-space: nowrap;
}

.whatsapp-float i {
  margin-right: 8px;
  font-size: 28px;
  color: #FFFFFF !important; /* White icon */
}

.whatsapp-float:hover {
  background: #075E54; /* Darker hover green */
  color: #FFD700 !important; /* Yellow hover text */
}

@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.08); }
  100% { transform: scale(1); }
}

/* Mobile adjustments */
@media (max-width: 480px) {
  .whatsapp-float a {
    padding: 8px 12px;
    font-size: 14px;
  }
  .whatsapp-float i {
    font-size: 20px;
    margin-right: 6px;
  }
}

/* ================================
   Accessible Typography
   ================================ */
:root {
  --font-base-size: 16px;
  --line-height-base: 1.6;
  --heading-font: 'Montserrat', Arial, sans-serif;
  --body-font: 'Roboto', Helvetica, sans-serif;
  --color-text: #333;
  --color-heading: #111;
}

/* Body */
body, p, li {
  font-family: var(--body-font);
  font-weight: 400;
  font-size: var(--font-base-size);
  line-height: var(--line-height-base);
  color: var(--color-text);
}

/* Headings */
h1  {
  font-family: var(--heading-font);
  font-weight: 700;
  color: var(--color-heading);
  line-height: 1.3;
  margin: 0.5em 0;
}

/* Heading sizes for mobile */
h1 { font-size: 1.3rem; }   /* ~21px */


/* Heading sizes for tablet/desktop */
@media screen and (min-width: 783px) {
  h1 { font-size: 2.5rem; line-height: 1.25; }  /* ~40px */
  
}

/* ================================
   Buttons
   ================================ */
button, .et_pb_button {
  font-family: var(--heading-font);
  font-weight: 600;
  font-size: 1rem;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-radius: 6px;
}

/* ================================
   Accessibility: Allow zoom
   ================================ */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
}
.hosting-compare {width:100%; border-collapse:collapse; margin:20px 0; font-size:16px;}
.hosting-compare th, .hosting-compare td {border:1px solid #eee; padding:12px; text-align:left;}
.hosting-compare thead th {background:#f8f9fb; font-weight:700;}
.btn-primary,.btn-secondary {display:inline-block; padding:10px 16px; border-radius:8px; text-decoration:none; font-weight:600;}
.btn-primary {background:#6C3CF0; color:#fff;}
.btn-primary:hover {background:#4b28c4;}
.btn-secondary {background:#EDEFF2; color:#000;}
.btn-secondary:hover {background:#DDE0E5;}
.tiny-note {font-size:13px; color:#666; margin-top:10px;}