```css
/*
Theme Name: Oreli Lite
Description: Lightweight theme for Oreli
Version: 1.0
*/

/* ==============================
   FONT — ORELI
============================== */

@font-face {
  font-family: 'San Francisco Display';
  src: url('/wp-content/themes/oreli-lite/assets/fonts/SanFranciscoDisplay-Regular.otf') format("opentype");
  font-display: swap;
}

body,
h1, h2, h3, h4, h5, h6,
p, div {
  font-family: 'San Francisco Display', system-ui, -apple-system, sans-serif;
}

/* ==============================
   BASE RESET
============================== */

h1, h2, h3, h4, h5, h6 {
  padding-top: 10px;
}

a:hover {
  text-decoration: none;
}

/* ==============================
   GUTENBERG — ORELI
============================== */

.wp-block-post-content {
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

.wp-block-post-content h2 {
  color: #b51b75;
  font-weight: 700;
  margin-top: 32px;
  margin-bottom: 16px;
}

.wp-block-post-content h3 {
  color: #7a1350;
  font-weight: 600;
  margin-top: 24px;
}

.oreli-lead {
  font-size: 18px;
  line-height: 1.8;
}

/* ==============================
   BUTTON
============================== */

.wp-block-button__link {
  background: #b51b75;
  border-radius: 999px;
  padding: 12px 24px;
  font-weight: 600;
  color: #fff;
}

.wp-block-button__link:hover {
  background: #8e145c;
  color: #fff;
}

/* ==============================
   FAQ
============================== */

.oreli-faq {
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 16px;
  margin-bottom: 12px;
  background: #fafafa;
}

.oreli-faq summary {
  font-weight: 600;
  cursor: pointer;
  color: #b51b75;
}

/* ==============================
   INTERNAL LINK BOX
============================== */

.oreli-internal-box {
  background: #fff5fb;
  border-left: 4px solid #b51b75;
  padding: 16px 18px;
  border-radius: 8px;
  margin: 24px 0;
}

.oreli-internal-box strong {
  color: #b51b75;
}
/* =====================================================
   ===== HERO FULL BLEED =====
===================================================== */

.oreli-hero-bleed {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
  overflow: hidden;
  
}

.oreli-hero-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* wrapper chuẩn */

.oreli-container {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

@media (min-width: 992px) {
  .oreli-container {
    /*padding-left: 24px;
    padding-right: 24px;*/
  }

}
/* =================================
   FIX ADMIN BAR OVERLAP
================================= */

/* desktop */
.admin-bar .site-header,
.admin-bar .oreli-header,
.admin-bar header {
    top: 32px;
}

/* mobile */
@media (max-width: 782px) {
    .admin-bar .site-header,
    .admin-bar .oreli-header,
    .admin-bar header {
        top: 46px;
    }
}
/* ===============================
   FIX IMAGE RATIO ORELI GRID
================================ */

.oreli-grid img {
    width: 100%;
    height: auto !important;
    aspect-ratio: auto;
    object-fit: cover;
    display: block;
}

#menu-sidebar-dv li a{
	display: block;
	border: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #e6e6e6;
	border-radius: 0;
	transition: 0.3s;
	padding: 12px 10px;
	line-height: 24px;
	font-size: 15px;
	font-weight: 500;
}

#menu-sidebar-dv li ul.sub-menu{
	margin: 0;
	display: none;
}
#menu-sidebar-dv li:hover > ul.sub-menu{
	display: block;
}
#menu-sidebar-dv li.current-page-parent ul.sub-menu, #menu-sidebar-dv li.current_page_item ul.sub-menu{
	display: block;
}
#menu-sidebar-dv ul.sub-menu li{
	list-style: none;
}
#menu-sidebar-dv>li>a{
	background-color: #f8f8f8 !important;
	font-weight: 600 !important;
	color: #000 !important;
}
#menu-sidebar-dv ul.sub-menu li a{
	padding-left: 25px;
}
.div_content{
	content: '';
	position: relative;
	margin-right: 15px;
	padding-top: 20px;
}
#menu-sidebar-dv ul.sub-menu li.active a, #menu-sidebar-dv ul.sub-menu li a:hover, #menu-sidebar-dv li.current_page_item>a{
	background: linear-gradient(to right, #880063 0, #c480b1 100%) !important;
	color: #fff !important;
}
.oreli-doctor-hero{
  background:linear-gradient(135deg,#f7f7fb,#ffffff);
  padding:32px;
  border-radius:16px;
  margin-bottom:24px;
}

.oreli-doctor-badges span{
  display:inline-block;
  background:#8b2c3b;
  color:#fff;
  padding:6px 12px;
  border-radius:999px;
  margin:4px 6px 0 0;
  font-size:13px;
}

.oreli-card{
  background:#fff;
  border-radius:14px;
  padding:18px;
  box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.oreli-review-card{
  background:#fff7f7;
  border-left:4px solid #8b2c3b;
  padding:18px;
  border-radius:12px;
  margin:24px 0;
}

.oreli-stars{
  color:#ffb400;
  font-size:20px;
  margin-bottom:6px;
}

.oreli-cta{
  background:#8b2c3b;
  color:#fff;
  padding:24px;
  border-radius:14px;
  text-align:center;
}

.circle-list{
  list-style:none;
  padding-left:0;
}

.circle-list li{
  padding-left:22px;
  position:relative;
  margin-bottom:6px;
}

.circle-list li::before{
  content:"✔";
  position:absolute;
  left:0;
  color:#8b2c3b;
  font-weight:700;
}
/* bù khoảng cho sticky header */
body.admin-bar .site-content,
.site-content {
  padding-top: 90px;
}

a{
color:#8b1c62;
text-decoration:none;
}

a:hover{
color:#c2185b;
}