/* ============================================
   PUBLIC DOG PAGE - DEFAULT THEME
   ============================================ */

:root {
  --public-dog-header-bg: var(--theme-header-bg, #5eb3d5);
  --public-dog-footer-bg: var(--theme-footer-bg, #5eb3d5);
  --public-dog-header-footer-text: var(--theme-font-color, #ffffff);
  --public-dog-font-family: var(--theme-font-family, 'Lato', sans-serif);
  --public-dog-accent: #5eb3d5;
}

body { 
  font-family: var(--public-dog-font-family); 
  background-color: #d0d0d0; 
  color: #333333; 
  line-height: 1.5; 
}

/* Header */
.public-dog-header { background-color: var(--public-dog-header-bg); color: var(--public-dog-header-footer-text); }
.public-dog-header-title h1 { color: inherit; }

.public-dog-tab { color: var(--public-dog-header-footer-text); opacity: 0.9; }
.public-dog-tab:hover { opacity: 1; background-color: rgba(255,255,255,0.1); }

/* Section titles */
.public-dog-section-title { color: #444; }

/* Gallery photos with thin border */
.public-dog-gallery img { border: 1px solid #ddd; }
.public-dog-gallery img:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.12); }

/* Details */
.public-dog-profile-image img { border: 1px solid #ddd; }

/* Health table - Desktop */
.public-dog-table th { background: #f0f0f0; border-bottom: 2px solid #ddd; color: #555; }
.public-dog-table td { border-bottom: 1px solid #eee; }
.public-dog-table tr:hover { background: rgba(94, 179, 213, 0.05); }

/* Health - Mobile table-like layout */
.public-dog-health-mobile { display: none; }

@media (max-width: 768px) {
  .public-dog-health-desktop { display: none; }
  .public-dog-health-mobile { 
    display: block;
    border: 1px solid #ddd;
    border-radius: 4px;
    overflow: hidden;
  }
  
  .public-dog-health-card {
    border-bottom: 1px solid #ddd;
  }
  
  .public-dog-health-card:last-child {
    border-bottom: none;
  }
  
  .public-dog-health-card-header {
    display: flex;
    gap: 12px;
    padding: 8px 12px;
    background: #fafafa;
    border-bottom: 1px solid #eee;
  }
  
  .public-dog-health-date {
    font-size: 0.85rem;
    white-space: nowrap;
    color: #333;
  }
  
  .public-dog-health-category {
    font-size: 0.85rem;
    color: #666;
  }
  
  .public-dog-health-card-details {
    padding: 6px 12px 10px 25px;
    font-size: 0.8rem;
    color: #555;
    line-height: 1.4;
  }
}

/* Footer */
.public-dog-footer { background-color: var(--public-dog-footer-bg); color: var(--public-dog-header-footer-text); }

/* Footer link */
.public-dog-footer a {
  color: inherit;
  text-decoration: underline;
}
.public-dog-footer a:hover {
  opacity: 0.8;
}