/*
Theme Name: DENTAL PRO - פורטל רפואת שיניים, הלבנה, השתלות ואסתטיקה דנטלית
Theme URI: https://dentalpro.co.il/
Author: DENTAL PRO Clinical Media Group
Author URI: https://dentalpro.co.il/
Description: תבנית וורדפרס מקצועית ונקייה לפורטלי רפואת שיניים, מרפאות אסתטיקה דנטלית, השתלות ממוחשבות, הלבנת שיניים ובאנר זכויות רשלנות רפואית בעברית (RTL). כוללת תבניות קבועות לקטגוריות ולפוסטים, פונט אחיד Heebo, הדגשת קישורי עוגן, ושאלות ותשובות.
Version: 7.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dental-pro
*/

/* Google Fonts Import - Single Unified Heebo Font */
@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800;900&display=swap');

/* Global Font & Direction Rules - Strictly Single Heebo Font */
*,
*::before,
*::after,
html,
body,
button,
input,
select,
textarea,
h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
.font-serif,
.font-sans {
    font-family: 'Heebo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
    direction: rtl;
    text-align: right;
    background-color: #f8fafc;
    color: #0f172a;
    font-family: 'Heebo', sans-serif;
}

body {
    background-color: #f8fafc;
    color: #1e293b;
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: #f1f5f9;
}
::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0284c7;
}

/* Base layout utilities */
.max-w-7xl {
    max-width: 80rem;
    margin-left: auto;
    margin-right: auto;
}
.max-w-5xl {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
}
.max-w-4xl {
    max-width: 56rem;
    margin-left: auto;
    margin-right: auto;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}

a {
    color: inherit;
    text-decoration: none;
}

/* ============================================================
   COMMANDING & PROMINENT HEADINGS TYPOGRAPHY IN POSTS & ARTICLES
   H2, H3 are clearly distinct, significantly larger than body text
   ============================================================ */
.article-content h1,
.entry-content h1,
.single-article-content h1,
.prose h1 {
    font-size: 2.25rem !important;
    line-height: 1.25 !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1.25rem !important;
}

.article-content h2,
.entry-content h2,
.single-article-content h2,
.prose h2,
h2.post-h2 {
    font-size: 1.875rem !important; /* 30px on desktop */
    line-height: 1.3 !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    margin-top: 2.5rem !important;
    margin-bottom: 1rem !important;
    padding-bottom: 0.5rem !important;
    border-bottom: 2px solid #e2e8f0 !important;
    letter-spacing: -0.02em !important;
}

.article-content h3,
.entry-content h3,
.single-article-content h3,
.prose h3,
h3.post-h3 {
    font-size: 1.35rem !important; /* 21.6px */
    line-height: 1.4 !important;
    font-weight: 800 !important;
    color: #0369a1 !important; /* clinical cyan-700 */
    margin-top: 1.75rem !important;
    margin-bottom: 0.75rem !important;
}

.article-content h4,
.entry-content h4,
.single-article-content h4,
.prose h4 {
    font-size: 1.15rem !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-top: 1.25rem !important;
    margin-bottom: 0.5rem !important;
}

/* ============================================================
   EYE-CATCHING HIGHLIGHTED ANCHOR LINKS IN POSTS & ARTICLES
   ============================================================ */
.article-content a,
.entry-content a,
.single-article-content a,
.prose a,
.legal-anchor-link,
.dental-anchor-link {
    color: #0369a1 !important;
    background-color: #e0f2fe !important;
    font-weight: 700 !important;
    padding: 3px 9px !important;
    border-radius: 8px !important;
    border-bottom: 2.5px solid #0284c7 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 1px 3px rgba(2, 132, 199, 0.12) !important;
}

.article-content a:hover,
.entry-content a:hover,
.single-article-content a:hover,
.prose a:hover,
.legal-anchor-link:hover,
.dental-anchor-link:hover {
    background-color: #0284c7 !important;
    color: #ffffff !important;
    border-bottom-color: #0369a1 !important;
    box-shadow: 0 3px 10px rgba(2, 132, 199, 0.3) !important;
    transform: translateY(-1.5px);
}