@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Lato:wght@300;400;700&display=swap');

/* ============================================
   LADY'S BEAUTY CARE BLOG - COMPLETE CSS
   ============================================ */

/* ===== TYPOGRAPHY - BASE ===== */
body, p, .entry-content {
  font-family: 'Lato', sans-serif;
}

h1, h2, h3, h4, h5, h6, .entry-title {
  font-family: 'Playfair Display', serif;
  color: #764ba2;
}

/* ===== SITE TITLE / LOGO ===== */
.site-title a,
.site-title {
  font-family: 'Playfair Display', serif;
  background: linear-gradient(135deg, #C70387 0%, #764ba2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-size: 2.5rem;
  pointer-events: auto;
  cursor: pointer;
}

.custom-logo-link {
  display: block;
  pointer-events: auto;
  cursor: pointer;
}

/* ===== LINKS ===== */
a {
  color: #C70387;
}

a:hover {
  color: #764ba2;
}

.entry-title a {
  color: #764ba2;
}

.entry-title a:hover {
  color: #C70387;
}

/* ===== CATEGORIES ===== */
.cat-links,
.cat-links a,
.post-categories,
.post-categories a,
.entry-meta .cat-links,
.wp-block-categories,
.wp-block-categories a,
.widget_categories a {
  font-family: 'Playfair Display', serif;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* ===== TAGS ===== */
.tags-links,
.tags-links a,
.post-tags a {
  font-family: 'Lato', sans-serif;
  font-size: 0.8rem;
}

/* ===== POST TITLES - DESKTOP ===== */
.entry-title,
.post-title,
h1.wp-block-post-title {
  font-size: clamp(1.5rem, 4vw, 2.75rem);
  line-height: 1.25;
}

/* ===== HIDE UNWANTED ELEMENTS ===== */
.sharedaddy,
.sd-sharing-enabled,
.likes-master,
.dark-mode-toggle {
  display: none !important;
}

/* ===== FIX BLACK BOX ON CLICK ===== */
.site-title a:focus,
.site-title a:active,
.custom-logo-link:focus,
.custom-logo-link:active,
a:focus,
a:active {
  outline: none;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* ============================================
   MOBILE STYLES - MAX 768PX
   ============================================ */
@media (max-width: 768px) {
  
  /* ===== MOBILE PADDING - CONTROLLED ===== */
  body,
  .site-main,
  .entry-content,
  .widget-area,
  .site-header,
  .site-footer,
  .post,
  .page,
  article {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  
  .alignwide,
  .alignfull {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100% !important;
  }
  
  /* ===== MOBILE TYPOGRAPHY ===== */
  .entry-title,
  .post-title,
  h1.wp-block-post-title {
    font-size: 1.4rem !important;
    line-height: 1.3;
  }
  
  h2 {
    font-size: 1.25rem !important;
  }
  
  h3 {
    font-size: 1.1rem !important;
  }
  
  h4 {
    font-size: 1rem !important;
  }
  
  /* ===== INLINE STYLED HEADINGS (FROM HTML POSTS) ===== */
  .entry-content h2[style*="font-size"],
  .entry-content h3[style*="font-size"],
  .entry-content h4[style*="font-size"] {
    font-size: 1.2rem !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
  }
  
  /* ===== FLEX CONTAINERS TO 2-COLUMN GRID ===== */
  .entry-content div[style*="display: flex"][style*="flex-wrap"],
  .entry-content div[style*="display:flex"][style*="flex-wrap"] {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }
  
  /* ===== STAT BOXES - COMPACT ===== */
  .entry-content div[style*="padding: 25px"][style*="border-radius"],
  .entry-content div[style*="padding: 20px"][style*="border-radius"],
  .entry-content div[style*="padding:25px"][style*="border-radius"],
  .entry-content div[style*="padding:20px"][style*="border-radius"] {
    padding: 12px 10px !important;
    margin-bottom: 0 !important;
  }
  
  /* ===== STAT NUMBERS - SMALLER ===== */
  .entry-content div[style*="border-radius"] h2[style*="color: #764ba2"],
  .entry-content div[style*="border-radius"] div[style*="font-size: 1.5em"],
  .entry-content div[style*="border-radius"] div[style*="font-size:1.5em"] {
    font-size: 1.3rem !important;
    margin-bottom: 2px !important;
  }
  
  /* ===== CONTENT BOXES - REDUCED PADDING ===== */
  .entry-content div[style*="padding: 40px"],
  .entry-content div[style*="padding:40px"] {
    padding: 20px 15px !important;
  }
  
  .entry-content div[style*="padding: 30px"],
  .entry-content div[style*="padding:30px"] {
    padding: 18px 12px !important;
  }
  
  /* ===== GRID SECTIONS - RESPONSIVE ===== */
  .entry-content div[style*="grid-template-columns: repeat(auto-fit"],
  .entry-content div[style*="grid-template-columns:repeat(auto-fit"] {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  
  /* ===== MAX-WIDTH CONTAINERS ===== */
  .entry-content div[style*="max-width: 900px"],
  .entry-content div[style*="max-width:900px"] {
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* ===== LISTS - TIGHTER ===== */
  .entry-content ul,
  .entry-content ol {
    padding-left: 20px !important;
    margin-left: 0 !important;
  }
  
  .entry-content li {
    margin-bottom: 8px !important;
  }
  
  /* ===== CTA BOXES - MOBILE FRIENDLY ===== */
  .entry-content div[style*="background: linear-gradient"][style*="padding: 40px"],
  .entry-content div[style*="background:linear-gradient"][style*="padding:40px"] {
    padding: 25px 15px !important;
    border-radius: 10px !important;
  }
  
  .entry-content div[style*="background: linear-gradient"] h3,
  .entry-content div[style*="background:linear-gradient"] h3 {
    font-size: 1.3rem !important;
  }
  
  /* ===== BUTTONS - FULL WIDTH ON MOBILE ===== */
  .entry-content a[style*="padding: 15px 30px"],
  .entry-content a[style*="padding:15px 30px"] {
    display: block !important;
    padding: 12px 20px !important;
    font-size: 1rem !important;
  }
  
  /* ===== TREATMENT GRID CARDS ===== */
  .entry-content div[style*="text-align: center"][style*="margin: 20px 0"],
  .entry-content div[style*="text-align:center"][style*="margin:20px 0"] {
    padding: 10px !important;
  }
  
  /* ===== EMOJI ICONS IN GRIDS ===== */
  .entry-content div[style*="font-size: 2em"],
  .entry-content div[style*="font-size:2em"] {
    font-size: 1.5em !important;
  }
  
  /* ===== RELATED ARTICLES BOX ===== */
  .entry-content div[style*="background: #f5f7fa"][style*="padding: 20px"],
  .entry-content div[style*="background:#f5f7fa"][style*="padding:20px"] {
    padding: 15px 12px !important;
  }
  
  /* ===== FOOTER CONTACT SECTION ===== */
  .entry-content div[style*="text-align: center"][style*="margin-top: 40px"],
  .entry-content div[style*="text-align:center"][style*="margin-top:40px"] {
    padding: 15px 10px !important;
  }
  
  /* ===== WORDPRESS COLUMNS BLOCK ===== */
  .wp-block-columns {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 10px !important;
  }
  
  .wp-block-column {
    flex-basis: auto !important;
    padding: 10px !important;
    margin: 0 !important;
  }
  
  /* ===== IMAGES - RESPONSIVE ===== */
  .entry-content img {
    max-width: 100% !important;
    height: auto !important;
  }
  
  /* ===== CATEGORY/TAG ARCHIVE TITLES ===== */
  .page-title,
  .archive-title {
    font-size: 1.4rem !important;
  }
}

/* ============================================
   SMALL MOBILE - MAX 480PX
   ============================================ */
@media (max-width: 480px) {
  
  body,
  .site-main,
  .entry-content,
  .widget-area,
  .site-header,
  .site-footer,
  .post,
  .page,
  article {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  
  .entry-title,
  .post-title,
  h1.wp-block-post-title {
    font-size: 1.25rem !important;
  }
  
  h2 {
    font-size: 1.15rem !important;
  }
  
  h3 {
    font-size: 1.05rem !important;
  }
  
  /* Single column for very small screens if needed */
  .entry-content div[style*="display: flex"][style*="flex-wrap"] {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}